@hhgtech/hhg-components 1.29.430-beta-1 → 1.29.431-beta-2

package/build/care.js

@@ -4,16 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var types = require('./types-e58583f3.js');
-var constants = require('./constants-b234fccd.js');
-require('./tslib.es6-a7b592ce.js');
+var index = require('./index-9b2698d9.js');
+var constants = require('./constants-e7ffc3c1.js');
+var types = require('./types-06cc2668.js');
+require('./tslib.es6-370364b7.js');
 require('react');
 require('@emotion/react');
-require('./utils-7415741d.js');
-require('./index-ba3d68b4.js');
+require('./utils-db0b217c.js');
+require('./index-b4fbb091.js');
 require('date-fns/locale');
-require('./index-5cd2a931.js');
-require('./Locale-84c7ea1d.js');
+require('./index-e6aaedf8.js');
+require('./Locale-1251caf9.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -21,27 +22,27 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-be09deb2.js');
+require('./utils-4249781d.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-4932ab6c.js');
-require('./translationsContext-10f7b0e2.js');
+require('./index-ff7f6ccc.js');
+require('./translationsContext-b797b2e1.js');
 require('lodash/debounce');
-require('./index-e4b5116a.js');
+require('./index-29a88110.js');
 require('@mantine/core');
-require('./index-c2663452.js');
-require('./text-cdee258b.js');
+require('./index-b68e1442.js');
+require('./text-2eaa7a96.js');
 require('lodash/shuffle');
-require('./useOutsideClick-b062e042.js');
-require('./paths-3a80c7c1.js');
-require('./index-f0a5c03e.js');
+require('./useOutsideClick-c102e6a3.js');
+require('./paths-bbc05982.js');
+require('./index-7fe12f20.js');
 require('@hhgtech/icons/core');
-require('./ChevronDown-a2eb5ade.js');
+require('./ChevronDown-a4e7d6a6.js');
 
 
 
 exports.BookingSearchBar = careBookingSearchBar.BookingSearchBar;
 exports.BookingSearchBarV2 = careBookingSearchBarV2.BookingSearchBarV2;
-exports.CareTypes = types.types;
-exports.TextDivider = types.TextDivider;
+exports.TextDivider = index.TextDivider;
 exports.CareConstants = constants.constants;
+exports.CareTypes = types.types;

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a7b592ce.js');
+var tslib_es6 = require('./tslib.es6-370364b7.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-7415741d.js');
-var index$1 = require('./index-4932ab6c.js');
+var utils = require('./utils-db0b217c.js');
+var index$1 = require('./index-ff7f6ccc.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-b234fccd.js');
+var constants = require('./constants-e7ffc3c1.js');
 var styled = require('@emotion/styled');
-var index = require('./index-e4b5116a.js');
-var index$2 = require('./index-c2663452.js');
+var index = require('./index-29a88110.js');
+var index$2 = require('./index-b68e1442.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-b062e042.js');
-var utils$1 = require('./utils-be09deb2.js');
+var useOutsideClick = require('./useOutsideClick-c102e6a3.js');
+var utils$1 = require('./utils-4249781d.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-3a80c7c1.js');
-require('./index-ba3d68b4.js');
+var paths = require('./paths-bbc05982.js');
+require('./index-b4fbb091.js');
 require('date-fns/locale');
-require('./index-5cd2a931.js');
-require('./Locale-84c7ea1d.js');
+require('./index-e6aaedf8.js');
+require('./Locale-1251caf9.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-10f7b0e2.js');
+require('./translationsContext-b797b2e1.js');
 require('@mantine/core');
-require('./text-cdee258b.js');
+require('./text-2eaa7a96.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/careBookingSearchBarV2.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils$1 = require('./utils-7415741d.js');
-var useOutsideClick = require('./useOutsideClick-b062e042.js');
-var index$1 = require('./index-4932ab6c.js');
+var utils$1 = require('./utils-db0b217c.js');
+var useOutsideClick = require('./useOutsideClick-c102e6a3.js');
+var index$1 = require('./index-ff7f6ccc.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-b234fccd.js');
+var constants = require('./constants-e7ffc3c1.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-be09deb2.js');
-var index = require('./index-f0a5c03e.js');
+var utils = require('./utils-4249781d.js');
+var index = require('./index-7fe12f20.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-c2663452.js');
-var ChevronDown = require('./ChevronDown-a2eb5ade.js');
-var paths = require('./paths-3a80c7c1.js');
-require('./index-ba3d68b4.js');
+var index$2 = require('./index-b68e1442.js');
+var ChevronDown = require('./ChevronDown-a4e7d6a6.js');
+var paths = require('./paths-bbc05982.js');
+require('./index-b4fbb091.js');
 require('date-fns/locale');
-require('./index-5cd2a931.js');
-require('./Locale-84c7ea1d.js');
+require('./index-e6aaedf8.js');
+require('./Locale-1251caf9.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -28,9 +28,9 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-10f7b0e2.js');
-require('./tslib.es6-a7b592ce.js');
-require('./text-cdee258b.js');
+require('./translationsContext-b797b2e1.js');
+require('./tslib.es6-370364b7.js');
+require('./text-2eaa7a96.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/components/atoms/imageUpload/ImageUpload.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TImageUploadProps } from "./ImageUpload.types";
+declare const ImageUpload: React.ForwardRefExoticComponent<Omit<TImageUploadProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default ImageUpload;

package/build/components/atoms/imageUpload/ImageUpload.types.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { ChangeHandler, RefCallBack } from 'react-hook-form';
+export type TUseFormRegisterReturn = {
+    name: string;
+    disabled?: boolean;
+    id?: string;
+    className?: string;
+    label?: string | React.ReactNode;
+    error?: string;
+    placeholder?: string;
+    ref?: RefCallBack;
+};
+export interface TImageUploadProps extends TUseFormRegisterReturn {
+    acceptedTypes?: string[];
+    maxSize?: number;
+    acceptedRatios?: string[];
+    multiple?: boolean;
+    preview?: boolean;
+    onChange: ChangeHandler;
+    onBlur?: ChangeHandler;
+    value?: string | string[] | File[] | File;
+    showValidationRules?: boolean;
+    description?: string;
+    useBase64?: boolean;
+}
+export interface IFileValidation {
+    file: File;
+    isValid: boolean;
+    errors: string[];
+}
+export declare enum FILE_UPLOAD_ACCEPTED_RATIOS {
+    ONE_TO_ONE = "1:1",
+    THREE_TO_ONE = "3:1"
+}
+export declare enum FILE_UPLOAD_ACCEPTED_TYPES {
+    PNG = ".png",
+    JPG = ".jpg",
+    JPEG = ".jpeg"
+}

package/build/components/atoms/imageUpload/ImageUpload.utils.d.ts

@@ -0,0 +1 @@
+export declare const handleMultipleImageFiles: (fileList: File[]) => Promise<string[]>;

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

@@ -0,0 +1,2 @@
+export { default } from "./ImageUpload";
+export * from "./ImageUpload.types";

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const StyledImageUploadWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledImageUploadContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledImageUploadInputWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledImageUploadPreviewContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledImageUploadPreviewContainerGroup: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledPureInput: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "onChange" | "size" | "ref" | "autoComplete" | "type" | "enterKeyHint"> & import("../pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
+export declare const StyledPureInput: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "onChange" | "size" | "ref" | "enterKeyHint" | "type" | "autoComplete"> & import("../pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const StyledTextField: import("@emotion/styled").StyledComponent<{
@@ -8,7 +8,7 @@ export declare const StyledTextField: import("@emotion/styled").StyledComponent<
     size: "sm" | "md" | "lg";
     readOnly?: boolean;
     isNumerousKeyboard?: boolean;
-    autoComplete?: "on" | "off";
+    autoComplete?: "off" | "on";
     errorMessage?: string;
     showErrorMessage?: boolean;
     actionIcon?: JSX.Element;

package/build/components/mantine/phoneInput/PhoneInput.d.ts

@@ -15,4 +15,4 @@ export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<Omit<React
     onChange?: (v: string) => void;
     arrowComponent?: () => JSX.Element;
     flagComponent?: (props: import("react-phone-number-input").FlagProps) => JSX.Element;
-} & Pick<InputWrapperProps, "label" | "style" | "className" | "inputMode" | "error" | "description" | "classNames" | "styles" | "withAsterisk" | "labelProps" | "descriptionProps" | "inputContainer" | "inputWrapperOrder" | "labelElement">, "ref"> & React.RefAttributes<unknown>>;
+} & Pick<InputWrapperProps, "label" | "style" | "className" | "error" | "description" | "inputMode" | "classNames" | "styles" | "withAsterisk" | "labelProps" | "descriptionProps" | "inputContainer" | "inputWrapperOrder" | "labelElement">, "ref"> & React.RefAttributes<unknown>>;

package/build/components/mantine/provider/index.d.ts

@@ -7,5 +7,6 @@ export type MantineProviderProps = {
     locale: LOCALE;
     template?: 'hb' | 'mb';
     customStyleType?: CustomStylesType;
+    isNotifications?: boolean;
 } & _MantineProviderProps;
-export declare const MantineProvider: ({ children, locale, template, customStyleType, ...props }: MantineProviderProps) => React.JSX.Element;
+export declare const MantineProvider: ({ children, locale, template, isNotifications, customStyleType, ...props }: MantineProviderProps) => React.JSX.Element;

package/build/components/mantine/text/index.d.ts

@@ -11,5 +11,12 @@ export type TextProps<T = HTMLParagraphElement> = {
     isUppercase?: boolean;
     variant?: 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'error' | 'green';
 } & Omit<HTMLAttributes<T>, 'size'> & Omit<MantineTextProps, 'size' | 'weight' | 'component'> & DefaultProps<Selectors<typeof useStyles>> & DataTrackingType;
-declare const Text: <T>({ size, color, weight, as, styles, className, dataEventCategory, dataEventAction, dataEventLabel, variant, ...rest }: TextProps<T>) => React.JSX.Element;
+declare const Text: React.ForwardRefExoticComponent<{
+    size?: TextSize;
+    weight?: 'regular' | 'semiBold' | 'bold' | 'caption' | 'halfBold';
+    as?: any;
+    wordWrap?: 'none' | 'break-word' | 'break-all';
+    isUppercase?: boolean;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'error' | 'green';
+} & Omit<React.HTMLAttributes<unknown>, "size"> & Omit<MantineTextProps, "size" | "weight" | "component"> & DefaultProps<"root", Record<string, any>> & DataTrackingType & React.RefAttributes<HTMLParagraphElement>>;
 export { Text };

package/build/components/mantine/theme/text.d.ts

@@ -1,5 +1,5 @@
 import { MantineTheme } from '@mantine/core';
-export type TextSize = 'lg' | 'md' | 'base' | 'sm' | 'xs' | 's1' | 's2' | 's3' | 's4' | 's5' | 'p1' | 'p2' | 'p3' | 'p4' | 'p5' | 'c1' | 'c2' | 'n1' | 'label1' | 'label2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type TextSize = 'lg' | 'md' | 'base' | 'sm' | 'xs' | 's1' | 's2' | 's3' | 's4' | 's5' | 'p1' | 'p2' | 'p3' | 'p4' | 'p5' | 'c1' | 'c2' | 'n1' | 'label1' | 'label2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title1' | 'title2';
 export declare enum FontWeight {
     regular = 400,
     halfBold = 500,
@@ -193,6 +193,8 @@ export declare const GlobalTextStyle: {
             h4: FontWeight;
             h5: FontWeight;
             h6: FontWeight;
+            title1: FontWeight;
+            title2: FontWeight;
         };
         fontWeight: typeof FontWeight;
     };

package/build/components/molecules/cardListItem/index.d.ts

@@ -3,9 +3,12 @@ type TCardItemProps = {
     title: string;
     logo: string;
     href: string;
-    LinkComponent?: React.ComponentType<any> | string;
+    LinkComponent?: React.ElementType<{
+        href: string;
+        children?: ReactNode;
+    }>;
     defaultImage?: string;
-    description?: string;
+    description?: ReactNode | string;
     contentInfo?: ReactNode;
     className?: string;
 };

package/build/components/molecules/productDetail/generalInfo/index.styled.d.ts

@@ -23,3 +23,7 @@ export declare const StyledInfoGroup: import("@emotion/styled").StyledComponent<
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 } & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GeneralInfoContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/molecules/ratingStars/RatingStar.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TStarProps } from "./index.types";
+export declare const RatingStar: FC<TStarProps>;

package/build/components/molecules/ratingStars/RatingStars.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TRatingStarsProps } from "./index.types";
+declare const RatingStars: FC<TRatingStarsProps>;
+export default RatingStars;

package/build/components/molecules/ratingStars/RatingStarsInput.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TRatingStarsInputProps } from "./index.types";
+export declare const RatingStarsInput: FC<TRatingStarsInputProps>;
+export default RatingStarsInput;

package/build/components/molecules/ratingStars/index.const.d.ts

@@ -0,0 +1 @@
+export declare const MAX_RATING = 5;

package/build/components/molecules/ratingStars/index.d.ts

@@ -0,0 +1,4 @@
+export { default as RatingStars } from "./RatingStars";
+export { default as RatingStarsInput } from "./RatingStarsInput";
+export { MAX_RATING } from "./index.const";
+export { TRatingStarsInputProps, TRatingStarsProps, TStarProps, } from "./index.types";

package/build/components/molecules/ratingStars/index.styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const RatingStarsWrapperStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RatingStarsStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RatingStarsFeedbackStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/molecules/ratingStars/index.types.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export type TRatingStarsInputProps = {
+    value: number;
+    max?: number;
+    onChange?: (value: number) => void;
+    readOnly?: boolean;
+    name?: string;
+    id?: string;
+    label?: string | React.ReactNode;
+    error?: string;
+};
+export type TRatingStarsProps = {
+    value: number;
+    max?: number;
+    onChange?: (value: number) => void;
+    readOnly?: boolean;
+};
+export type TStarProps = {
+    filled: boolean;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+};

package/build/components/organisms/clinicInfo/index.d.ts

@@ -12,5 +12,5 @@ export type TClinicInfoProps = {
     dataEventAction: string;
     dataEventLabel: string;
 };
-declare function ClinicInfo({ hospitalInfo, distance, isLoggedIn, locale, googleMapKey, onPhoneHospital, dataEventCategory, dataEventAction, dataEventLabel, }: TClinicInfoProps): React.JSX.Element;
+declare function ClinicInfo(props: TClinicInfoProps): React.JSX.Element;
 export { ClinicInfo };

package/build/components/organisms/map/index.d.ts

@@ -19,5 +19,5 @@ export type Props = {
     dataEventLabel: string;
     onPhoneHospital?: () => void;
 };
-declare const Map: ({ className, hospital, hasNoCard, isFullWidth, height, width, isUsingEmbedMap, isCardFloating, distance, isLoggedIn, locale, googleMapKey, onPhoneHospital, dataEventCategory, dataEventAction, dataEventLabel, }: Props) => React.JSX.Element;
+declare const Map: (props: Props) => React.JSX.Element;
 export { Map };