@hhgtech/hhg-components 1.29.500-beta-10 → 1.29.500-beta-11

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-714cb8a9.js');
+var tslib_es6 = require('./tslib.es6-51471e33.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-cbc9c405.js');
-var index$1 = require('./index-f1ecf8cd.js');
+var utils = require('./utils-18d0e939.js');
+var index$1 = require('./index-bf917610.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-5dba82fb.js');
+var constants = require('./constants-cfb9c5e1.js');
 var styled = require('@emotion/styled');
-var index = require('./index-9775e993.js');
-var index$2 = require('./index-ebfbd780.js');
+var index = require('./index-ad924497.js');
+var index$2 = require('./index-2951eb62.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-c96c835b.js');
-var utils$1 = require('./utils-90d97728.js');
+var useOutsideClick = require('./useOutsideClick-0a2b08ef.js');
+var utils$1 = require('./utils-958d52bc.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-35a68135.js');
-require('./index-3abd018e.js');
+var paths = require('./paths-7b167991.js');
+require('./index-29d0d415.js');
 require('date-fns/locale');
-require('./index-591e35ce.js');
-require('./Locale-7aec2363.js');
+require('./index-062b991d.js');
+require('./Locale-9155968a.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-39058853.js');
+require('./translationsContext-6fdc2d38.js');
 require('@mantine/core');
-require('./index-9f274013.js');
+require('./index-a49f1198.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-cbc9c405.js');
-var useOutsideClick = require('./useOutsideClick-c96c835b.js');
-var index$1 = require('./index-f1ecf8cd.js');
+var utils$1 = require('./utils-18d0e939.js');
+var useOutsideClick = require('./useOutsideClick-0a2b08ef.js');
+var index$1 = require('./index-bf917610.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-5dba82fb.js');
+var constants = require('./constants-cfb9c5e1.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-90d97728.js');
-var index = require('./index-eafcddaa.js');
+var utils = require('./utils-958d52bc.js');
+var index = require('./index-b01397f8.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-ebfbd780.js');
-var ChevronDown = require('./ChevronDown-20dd6b45.js');
-var paths = require('./paths-35a68135.js');
-require('./index-3abd018e.js');
+var index$2 = require('./index-2951eb62.js');
+var ChevronDown = require('./ChevronDown-a92ad0b2.js');
+var paths = require('./paths-7b167991.js');
+require('./index-29d0d415.js');
 require('date-fns/locale');
-require('./index-591e35ce.js');
-require('./Locale-7aec2363.js');
+require('./index-062b991d.js');
+require('./Locale-9155968a.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-39058853.js');
-require('./tslib.es6-714cb8a9.js');
-require('./index-9f274013.js');
+require('./translationsContext-6fdc2d38.js');
+require('./tslib.es6-51471e33.js');
+require('./index-a49f1198.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

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

@@ -1,5 +1,6 @@
-import React, { FC } from 'react';
-import { DefaultProps, Selectors, RadioGroupProps } from '@mantine/core';
+import React, { ComponentType, FC } from 'react';
+import { DefaultProps, Selectors, RadioGroupProps, MantineSize } from '@mantine/core';
+import { TextProps } from "../../mantine";
 import useStyles from "./index.styles";
 import { IconProps } from "../icons";
 export type GenderOptionProps = {
@@ -7,7 +8,7 @@ export type GenderOptionProps = {
     label: string;
     icon: string | FC<IconProps>;
 };
-export interface Props extends DefaultProps<Selectors<typeof useStyles>> {
+export interface GenderOptionControlBaseProps extends DefaultProps<Selectors<typeof useStyles>> {
     label?: string;
     availableValue?: string;
     isBaby?: boolean;
@@ -16,8 +17,13 @@ export interface Props extends DefaultProps<Selectors<typeof useStyles>> {
         female: string;
     };
     hideLabel?: boolean;
+    labelTextProps?: Partial<TextProps>;
+    LabelWrapper?: ComponentType<TextProps>;
     type?: 'button' | 'radio';
+    gap?: number;
+    size?: MantineSize;
     onChange?: (value: string) => void;
 }
-declare const GenderOptionControl: ({ label, availableValue: availableValueInit, styles, isBaby, genderValue, type, hideLabel, ...radioProps }: Props & Omit<RadioGroupProps, 'children' | 'styles'>) => React.JSX.Element;
+export type GenderOptionControlProps = GenderOptionControlBaseProps & Omit<RadioGroupProps, 'children' | 'styles'>;
+declare const GenderOptionControl: ({ label, availableValue: availableValueInit, styles, isBaby, genderValue, type, hideLabel, labelTextProps, gap, size, LabelWrapper, ...radioProps }: GenderOptionControlProps) => React.JSX.Element;
 export { GenderOptionControl };

package/build/components/atoms/genderOptionControl/index.styles.d.ts

@@ -1,5 +1,8 @@
+import { MantineSize } from '@mantine/core';
 type StylesParams = {
     type?: 'button' | 'radio';
+    gap?: number;
+    size?: MantineSize;
 };
 declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {

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

@@ -45,7 +45,7 @@ export type { StepRendererContextType, StepRendererItemShareProps, Props as Step
 export { BookingBtn } from "./bookingBtn";
 export type { Props as BookingBtnProps } from "./bookingBtn";
 export { GenderOptionControl } from "./genderOptionControl";
-export type { Props as GenderOptionControlProps } from "./genderOptionControl";
+export type { GenderOptionControlProps } from "./genderOptionControl";
 export { Loading } from "./loading";
 export { DistanceTag } from "./distanceTag";
 export { IconHeading } from "./iconHeading";

package/build/components/mantine/input/index.styles.d.ts

@@ -1,9 +1,12 @@
+import { MantineSize } from '@mantine/core';
 import { CustomStylesType } from "../../../mantine";
 declare const _default: (params: {
     variantStyle: CustomStylesType;
+    size: MantineSize;
 }, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {
         input: string;
+        rightSection: string;
     };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;

package/build/components/mantine/input/number.d.ts

@@ -4,5 +4,5 @@ export type NumberInputProps = Omit<MantineNumberInputProps, 'onChange' | 'value
     value?: number | '';
     onChange?(value?: number | ''): void;
 };
-declare const NumberInput: ({ value: _value, onChange: _onChange, ...props }: NumberInputProps) => React.JSX.Element;
+declare const NumberInput: ({ value: _value, onChange: _onChange, size, styles, classNames, ...props }: NumberInputProps) => React.JSX.Element;
 export { NumberInput };

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

@@ -1,16 +1,15 @@
 import { LOCALE } from "../../../interfaces/types";
-import { CustomStylesType } from "./types";
-export declare const GlobalInputStyle: (locale: LOCALE, version?: CustomStylesType) => {
+export declare const GlobalInputStyle: (locale: LOCALE) => {
     InputWrapper: {
         styles: {
             label: {
+                display: string;
+                gap: number;
+                marginBottom: string;
                 fontWeight: number;
                 fontSize: string;
                 lineHeight: string;
                 color: string;
-                display: string;
-                gap: number;
-                marginBottom: string;
             };
             description: {
                 fontWeight: number;
@@ -37,10 +36,15 @@ export declare const GlobalInputStyle: (locale: LOCALE, version?: CustomStylesTy
                 border: string;
                 transition: string;
                 "&:not(.mantine-Textarea-input)": {
+                    height: number;
+                    minHeight: string;
                     fontSize: number;
                     lineHeight: string;
+                } | {
                     height: number;
                     minHeight: string;
+                    fontSize: string;
+                    lineHeight: string;
                 };
                 '&:hover': {
                     border: string;

package/build/components/molecules/embeddedHeathToolCards/helpers.d.ts

@@ -37,6 +37,7 @@ export type BmiFormProps = {
     bmiUnit: BMIUnit;
     submitProps?: ButtonProps;
     withAdditionalQuestion?: boolean;
+    isMobile?: boolean;
 } & HealthToolFormWrapperProps;
 export declare function getBmi({ weight: weightProps, height: heightProps, }: {
     weight: number;

package/build/components/molecules/gRecaptcha/hooks.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const useGRecaptchaHandler: () => {
-    getGRecaptchaToken: () => Promise<string>;
+    getGRecaptchaToken: () => Promise<string | null>;
     renderRecaptchaHandler: () => React.JSX.Element;
 };

package/build/components/molecules/healthTools/form/bmiForm/AdditionalLabel.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentType } from 'react';
+import { TextProps } from "../../../../../mantine";
+type Props = {
+    LabelWrapper?: ComponentType<TextProps>;
+} & TextProps;
+export declare const Question1Label: ({ LabelWrapper, ...props }: Props) => React.JSX.Element;
+export declare const Question2Label: ({ LabelWrapper, ...props }: Props) => React.JSX.Element;
+export declare const Question2Description: ({ LabelWrapper, ...props }: Props) => React.JSX.Element;
+export {};

package/build/components/molecules/healthTools/form/bmiForm/NewsletterCheckbox/index.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentType } from 'react';
+import { CheckboxProps, TextProps } from "../../../../../../mantine";
+type Props = {
+    labelTextProps?: TextProps;
+    LabelWrapper?: ComponentType<TextProps>;
+    useCollapse?: boolean;
+} & CheckboxProps;
+export declare const NewsletterCheckbox: ({ labelTextProps, checked: checkedProps, LabelWrapper, useCollapse, ...props }: Props) => React.JSX.Element;
+export {};

package/build/components/molecules/healthTools/form/bmiForm/NewsletterCheckbox/index.styles.d.ts

@@ -0,0 +1,8 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        label: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/components/molecules/healthTools/form/bmiForm/index.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import { Question1Label, Question2Label, Question2Description } from "./AdditionalLabel";
+import { NewsletterCheckbox } from "./NewsletterCheckbox";
 import { BmiFormProps } from "../../../embeddedHeathToolCards/helpers";
-declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout, submitProps, withAdditionalQuestion, ...rest }: BmiFormProps) => React.JSX.Element;
-export { BmiForm };
+declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout, submitProps, withAdditionalQuestion, isMobile, ...rest }: BmiFormProps) => React.JSX.Element;
+export { BmiForm, Question1Label, Question2Label, Question2Description, NewsletterCheckbox, };

package/build/components/molecules/healthTools/formLayout/defaultLayout/context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { MantineSize } from '@mantine/core';
+import { SharingProps } from "./types";
+export type HealthToolDefaultLayoutType = {
+    inputSize: MantineSize;
+} & SharingProps;
+export declare const HealthToolDefaultLayoutContext: import("react").Context<HealthToolDefaultLayoutType>;

package/build/components/molecules/healthTools/formLayout/defaultLayout/index.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+import { GridProps } from '@mantine/core';
+import { GenderOptionControlProps } from "../../../../atoms";
+import { ErrorLabelProps, InputProps, NumberInputProps, TextProps } from "../../../../../mantine";
+import { SharingProps } from "./types";
+export declare const SubLabel: ({ children, ...props }: TextProps) => React.JSX.Element;
+export declare const InputText: ({ error, ...props }: InputProps) => React.JSX.Element;
+export declare const InputNumber: ({ error, ...props }: NumberInputProps) => React.JSX.Element;
+export declare const GenderControl: (props: GenderOptionControlProps) => React.JSX.Element;
+export declare const Error: (props: ErrorLabelProps) => React.JSX.Element;
+type Props = {
+    children: ReactNode;
+} & SharingProps;
+declare const _default: (({ children, isMobile, ...props }: Props) => React.JSX.Element) & {
+    Row: ({ children, ...props }: GridProps) => React.JSX.Element;
+    Col: ({ children, ...props }: import("@mantine/core").ColProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element;
+    SubLabel: ({ children, ...props }: TextProps<HTMLParagraphElement>) => React.JSX.Element;
+    Label: ({ children, ...props }: TextProps<HTMLParagraphElement>) => React.JSX.Element;
+    OptionLabel: ({ children, ...props }: TextProps<HTMLParagraphElement>) => React.JSX.Element;
+    Input: import("../../../../mantine/input").CompoundedComponent;
+    InputNumber: ({ error, ...props }: NumberInputProps) => React.JSX.Element;
+    GenderControl: (props: GenderOptionControlProps) => React.JSX.Element;
+    Error: (props: ErrorLabelProps) => React.JSX.Element;
+};
+export default _default;

package/build/components/molecules/healthTools/formLayout/defaultLayout/types.d.ts

@@ -0,0 +1,10 @@
+import { InputProps, TextSize } from "../../../../../mantine";
+export type SharingProps = {
+    labelSize?: TextSize;
+    subLabelSize?: TextSize;
+    optionLabelSize?: TextSize;
+    errorLabelSize?: TextSize;
+    inputSize?: InputProps['size'];
+    gutter?: number;
+    isMobile?: boolean;
+};

package/build/components/molecules/healthTools/formWrapper/index.d.ts

@@ -12,6 +12,7 @@ import { Error } from "../components/borderInlineControl/error";
 import { Control } from "../components/control";
 export type HealthToolFormWrapperProps = {
     component?: 'form' | 'div';
+    isMobile?: boolean;
 } & FormLayoutContextType & BoxProps;
 export interface CompoundedComponent extends ForwardRefExoticComponent<HealthToolFormWrapperProps> {
     BorderInlineControl: typeof BorderInlineControl;

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

@@ -31,7 +31,7 @@ export { ToolsBannerCard } from "./toolBannerCard";
 export { DueDateForm, DueDateFormProps, DueDateFormValue, DUE_DATE_METHOD, } from "./healthTools/form/dueDateForm";
 export { DueDateCardEmbed } from "./embeddedHeathToolCards/due-date/dueDate";
 export { BMICardEmbed, BMICardEmbedProps, } from "./embeddedHeathToolCards/bmi/bmi";
-export { BmiForm } from "./healthTools/form/bmiForm";
+export { BmiForm, Question1Label as BmiQuestion1Label, Question2Label as BmiQuestion2Label, Question2Description as BmiQuestion2Description, NewsletterCheckbox as BmiNewsletterCheckbox, } from "./healthTools/form/bmiForm";
 export { BmiFormValue, BmiFormProps } from "./embeddedHeathToolCards/helpers";
 export { BabyGrowthCardEmbed, BabyGrowthCardEmbedProps, } from "./embeddedHeathToolCards/baby-growth";
 export { BabyPoopEmbed } from "./embeddedHeathToolCards/baby-poop";
@@ -91,3 +91,4 @@ export * from "./doctorInfoItem";
 export * from "./doctorInfoExpertise";
 export * from "./answeredByDoctor";
 export * from "./healthTools/cardWrapper";
+export { default as HealthToolDefaultLayout } from "./healthTools/formLayout/defaultLayout";

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

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { DataTrackingTypeHTMLElement } from "../../../types";
 export type VoucherItemProps = {
     image: string;
-    title: string;
-    description: string;
+    title?: ReactNode;
+    description?: ReactNode;
     onClick?: () => void;
     className?: string;
     dataTracking?: DataTrackingTypeHTMLElement;