@hhgtech/hhg-components 1.29.82 → 1.29.84

package/build/index-00a78d81.js

@@ -1,565 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-1499b1c3.js');
-var ReactDOM = require('react-dom');
-var styled = require('@emotion/styled');
-var utils = require('./utils-15a9772e.js');
-var defaultClassWrapper = require('./defaultClassWrapper-b7719693.js');
-var theme = require('./theme-be20929b.js');
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
-var core = require('@mantine/core');
-var form = require('@mantine/form');
-var index$1 = require('./index-dff7ee1b.js');
-var index$2 = require('./index-0b727664.js');
-var index$3 = require('./index-1fdf2f01.js');
-require('./index-3eb666e6.js');
-var useTranslations = require('./useTranslations-685f989b.js');
-require('@mantine/hooks');
-require('./index-1f3fc2e3.js');
-require('./index-64d8db08.js');
-require('./useMantineLocale-0d63dfea.js');
-require('./index-e3bbd009.js');
-var constants = require('./constants-f182fc32.js');
-var index = require('./index-4357a324.js');
-var other = require('@hhgtech/icons/other');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const StyledModal = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
-    position: relative;
-    z-index: 200;
-    background-color: ${theme.theme.colors.white};
-    border-radius: ${theme.theme.borderRadius};
-    box-shadow: 0px 8px 40px 0px #0000001a;
-    &[data-site-type='marryBaby'] {
-      border-radius: 16px;
-      .hhg-modal__content {
-        position: relative;
-        z-index: 111;
-        height: 100%;
-        padding: 24px;
-      }
-    }
-    .hhg-modal__content {
-      position: relative;
-      z-index: 111;
-      height: 100%;
-      padding: 16px;
-    }
-    .hhg-modal__video {
-      position: relative;
-      z-index: 111;
-      height: 100%;
-      background-color: none;
-      box-shadow: none;
-    }
-  `, 'hhgcomp-modal-modal');
-const StyledModalWrapper = styled__default["default"].div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 201;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  outline: 0;
-  visibility: hidden;
-  opacity: 0;
-  background-color: rgba(0, 0, 0, 0.6);
-  transition: opacity 0.3s ease-in-out;
-
-  .hhg-modal__close {
-    position: absolute;
-    top: 16px;
-    right: 16px;
-    cursor: pointer;
-    img {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-    }
-  }
-  &[data-type='video'] {
-    z-index: 1001;
-  }
-  &[data-open='true'] {
-    opacity: 1;
-    visibility: visible;
-  }
-
-  ${StyledModal.classSelector} {
-    transition: transform 0.3s ease-in-out;
-  }
-  &.slideTop {
-    ${StyledModal.classSelector} {
-      transform: translate(0, -100vh);
-    }
-
-    &[data-open='true'] {
-      ${StyledModal.classSelector} {
-        transform: translate(0);
-      }
-    }
-  }
-
-  &.scaleUp {
-    ${StyledModal.classSelector} {
-      transform: scale(0.9);
-    }
-
-    &[data-open='true'] {
-      ${StyledModal.classSelector} {
-        transform: scale(1);
-      }
-    }
-  }
-
-  &[data-type='tail'] {
-    justify-content: flex-end;
-    ${StyledModal.classSelector} {
-      width: 420px;
-      height: 100%;
-      border-radius: 0;
-      overflow: hidden auto;
-    }
-  }
-  &[data-type='form'] {
-    ${StyledModal.classSelector} {
-      width: 496px;
-      height: 548px;
-      max-height: 100%;
-      overflow-y: auto;
-      ${utils.MediaQueries.mbDown} {
-        width: 340px;
-      }
-    }
-  }
-  &[data-type='video'] {
-    ${StyledModal.classSelector} {
-      height: 100%;
-      max-height: 539px;
-      ${utils.MediaQueries.mbDown} {
-        height: 192px;
-        width: 100%;
-        height: 100%;
-        border-radius: ${theme.theme.borderRadius};
-        max-height: 192px;
-      }
-    }
-  }
-  &[data-type='confirm'] {
-    ${StyledModal.classSelector} {
-      width: 100%;
-      max-width: 407px;
-      ${utils.MediaQueries.mbDown} {
-        width: calc(100% - 32px);
-        max-width: calc(100% - 32px);
-      }
-    }
-  }
-`;
-const StyledModalMask = styled__default["default"].div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  align-items: center;
-
-  &[data-open='false'] {
-    display: none;
-  }
-  &[data-type='video'] {
-    background-color: ${theme.theme.colors.secondaryDark};
-  }
-`;
-
-const MODAL_ROOT_ID = 'hhg-modals';
-const getModalsRoot = () => {
-    let el = document.getElementById(MODAL_ROOT_ID);
-    if (!el) {
-        el = document.createElement('div');
-        el.setAttribute('id', MODAL_ROOT_ID);
-        document.body.append(el);
-    }
-    return el;
-};
-const cleanUpModalShow = () => {
-    const selector = '.hhg-modal[data-open="true"]';
-    const remainingPopupOpened = document.querySelectorAll(selector);
-    // Remove the opening class if there are only 1 popup is shown
-    if (remainingPopupOpened.length < 1) {
-        document.body.classList.remove('hhc-modal-show');
-    }
-};
-const cleanUpDisabledScroll = () => {
-    // Clear the overflow if there are only 1 popup is shown. useEffect runs after so the count number becomes zero
-    const selector = '.hhg-modal[data-open="true"]';
-    const remainingPopupOpened = document.querySelectorAll(selector);
-    if (remainingPopupOpened.length < 1) {
-        document.body.style.overflow = '';
-        document.body.style.paddingRight = '';
-        document.body.classList.remove('hhc-disabled-scroll');
-    }
-};
-/**
- * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
- */
-const Modal = ({ type = 'lead', closeIcon, isOpen = true, onClose, children, className = '', animationType = 'scaleUp', isStaticBackdrop = false, siteType, }) => {
-    const [mounted, setMounted] = React.useState(false);
-    const elRef = React.useRef(null);
-    const { width: scrollBarWidth } = useScrollbarSize.useScrollbarSize();
-    if (!elRef.current && mounted) {
-        elRef.current = document.createElement('div');
-    }
-    React.useEffect(() => {
-        setMounted(true);
-        return () => {
-            setMounted(false);
-            cleanUpModalShow();
-            cleanUpDisabledScroll();
-        };
-    }, []);
-    React.useEffect(() => {
-        if (mounted) {
-            const modalsRoot = getModalsRoot();
-            modalsRoot.appendChild(elRef.current);
-            return () => {
-                modalsRoot.removeChild(elRef.current);
-            };
-        }
-    }, [mounted]);
-    React.useEffect(() => {
-        if (isOpen) {
-            document.body.classList.add('hhc-modal-show');
-        }
-        else {
-            cleanUpModalShow();
-        }
-    }, [isOpen]);
-    React.useEffect(() => {
-        if (isOpen) {
-            document.body.style.overflow = 'hidden';
-            document.body.style.paddingRight = scrollBarWidth + 'px';
-            document.body.classList.add('hhc-disabled-scroll');
-        }
-        else {
-            cleanUpDisabledScroll();
-        }
-    }, [isOpen, scrollBarWidth]);
-    if (!mounted)
-        return null;
-    const classes = ['hhg-modal__wrapper', className, animationType]
-        .filter((s) => s)
-        .join(' ');
-    return ReactDOM.createPortal(React__default["default"].createElement(StyledModalWrapper, { className: classes, "data-open": isOpen, "data-type": type },
-        !isStaticBackdrop && (React__default["default"].createElement(StyledModalMask, { "data-open": isOpen, onClick: onClose, "data-type": type })),
-        !isStaticBackdrop && type === 'video' && !!closeIcon && (React__default["default"].createElement("div", { className: "hhg-modal__close", onClick: onClose }, closeIcon)),
-        React__default["default"].createElement(StyledModal, { className: "hhg-modal", "data-open": isOpen, "data-site-type": siteType },
-            React__default["default"].createElement("div", { className: type === 'video' ? 'hhg-modal__video' : 'hhg-modal__content' },
-                !!closeIcon && type !== 'video' && (React__default["default"].createElement("div", { className: "hhg-modal__close", onClick: onClose }, closeIcon)),
-                children))), elRef.current);
-};
-
-const BabyGrowthFormContext = React.createContext({});
-
-var useStyles$1 = core.createStyles((theme) => {
-    return {
-        unit: {
-            color: theme.colors.gray[4],
-            fontWeight: 'normal',
-        },
-    };
-});
-
-const DefaultForm = (_a) => {
-    var { styles, classNames } = _a, props = tslib_es6.__rest(_a, ["styles", "classNames"]);
-    const { t } = useTranslations.useTranslations();
-    const { form, currentUrl, submitProps } = React.useContext(BabyGrowthFormContext);
-    const { classes } = useStyles$1(undefined, {
-        name: 'BabyGrowthForm__DefaultForm',
-        styles,
-        classNames,
-    });
-    const commonDateProps = {
-        placeholder: 'DD/MM/YYYY',
-        popoverProps: {
-            withinPortal: true,
-        },
-    };
-    return (React__default["default"].createElement(constants.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(constants.HealthToolFormWrapper.Control, null,
-                React__default["default"].createElement(index.GenderOptionControl, Object.assign({ isBaby: true, genderValue: {
-                        male: 'boy',
-                        female: 'girl',
-                    } }, form.getInputProps('gender'), { error: null }))),
-            form.errors.gender && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.gender))),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$1.Input.Wrapper, { label: t('babyGrowth.input.birthday') },
-                React__default["default"].createElement(index$2.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, onChange: (v) => {
-                        v && form.validateField('measurementDate');
-                        form.getInputProps('birthday').onChange(v);
-                    } }))),
-            form.errors.birthday && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.birthday))),
-        React__default["default"].createElement(index$1.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
-                t('babyGrowth.height'),
-                React__default["default"].createElement("span", { className: classes.unit },
-                    "(",
-                    t('babyGrowth.cm'),
-                    ")")) }, form.getInputProps('height'), { placeholder: t('babyGrowth.height'), min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, onChange: (v) => {
-                form.setFieldValue('height', v);
-                form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-            } })),
-        React__default["default"].createElement(index$1.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
-                t('babyGrowth.weight'),
-                React__default["default"].createElement("span", { className: classes.unit },
-                    "(",
-                    t('babyGrowth.kg'),
-                    ")")) }, form.getInputProps('weight'), { placeholder: t('babyGrowth.weight'), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, onChange: (v) => {
-                form.setFieldValue('weight', v);
-                form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-            } })),
-        React__default["default"].createElement(index$1.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
-                t('babyGrowth.head'),
-                React__default["default"].createElement("span", { className: classes.unit },
-                    "(",
-                    t('babyGrowth.cm'),
-                    ")")) }, form.getInputProps('head'), { placeholder: t('babyGrowth.head'), onChange: (v) => {
-                form.setFieldValue('head', v);
-                form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-            } })),
-        form.errors.checkMesureVal && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$1.Input.Wrapper, { label: t('babyGrowth.input.measurementDate') },
-                React__default["default"].createElement(index$2.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), error: null }))),
-            form.errors.measurementDate && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, submitProps), t('babyGrowth.input.submit'))));
-};
-
-var useStyles = core.createStyles((theme) => {
-    return {
-        root: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: core.rem(8),
-        },
-        bmiVal: {
-            display: 'inline-block',
-        },
-        unitText: {
-            color: theme.colors.gray[6],
-        },
-        submitBtn: {},
-    };
-});
-
-/**
- * Using {@link Intl.NumberFormat} to covert a number to string base on its locale
- * @param {number} num - Number to convert
- * @param {number} maximumFractionDigits - Number of decimal digits
- * @returns {string} - String based number
- */
-const localizeNumberFormat = (num, maximumFractionDigits = 2) => {
-    return Intl.NumberFormat(undefined, {
-        maximumFractionDigits,
-    }).format(num);
-};
-
-/**
- * Calculate BMI
- * Using {@link localizeNumberFormat} to convert number based on locale
- * @param {number} height - Height in number
- * @param {number} weight - Weight in number
- * @returns {number} - BMI with 2 decimal digits
- */
-const bmiCalculate = (height = 0, weight = 0) => {
-    try {
-        if (height && weight) {
-            const bmi = Number(weight) / Math.pow(Number(height) / 100, 2);
-            if (isNaN(bmi))
-                return 0;
-            return Number(localizeNumberFormat(bmi));
-        }
-        else {
-            return 0;
-        }
-    }
-    catch (error) { }
-    return 0;
-};
-
-const InlineForm = (_a) => {
-    var { styles, classNames } = _a, props = tslib_es6.__rest(_a, ["styles", "classNames"]);
-    const { t } = useTranslations.useTranslations();
-    const { form, currentUrl, submitProps } = React.useContext(BabyGrowthFormContext);
-    const { classes } = useStyles(undefined, {
-        name: 'BabyGrowthForm__InlineForm',
-        styles,
-        classNames,
-    });
-    const commonDateProps = {
-        placeholder: 'DD/MM/YYYY',
-        popoverProps: {
-            withinPortal: true,
-        },
-    };
-    return (React__default["default"].createElement(constants.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(constants.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectBabyGender') },
-                React__default["default"].createElement(index.GenderOptionControl, Object.assign({ type: "radio", hideLabel: true, isBaby: true, genderValue: {
-                        male: 'boy',
-                        female: 'girl',
-                    } }, form.getInputProps('gender')))),
-            form.errors.gender && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.gender))),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(constants.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.birthday') },
-                React__default["default"].createElement(index$2.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, onChange: (v) => {
-                        v && form.validateField('measurementDate');
-                        form.getInputProps('birthday').onChange(v);
-                    } }))),
-            form.errors.birthday && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.birthday))),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(constants.HealthToolFormWrapper.BorderInlineControl, { label: "BMI", styles: {
-                    control: {
-                        '&:first-child': {
-                            width: 'auto',
-                        },
-                    },
-                } },
-                React__default["default"].createElement(index$3.Text, { size: "p3" },
-                    React__default["default"].createElement("span", { className: classes.bmiVal }, form.getInputProps('height').value &&
-                        form.getInputProps('weight').value &&
-                        bmiCalculate(Number(form.getInputProps('height').value), Number(form.getInputProps('weight').value))),
-                    "(",
-                    t('babyGrowth.kg.m2'),
-                    ")"),
-                React__default["default"].createElement(index$1.Input.Number, Object.assign({}, form.getInputProps('height'), { placeholder: t('babyGrowth.height'), min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, onChange: (v) => {
-                        form.setFieldValue('height', v);
-                        form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-                    }, rightSection: React__default["default"].createElement(constants.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
-                React__default["default"].createElement(index$1.Input.Number, Object.assign({}, form.getInputProps('weight'), { placeholder: t('babyGrowth.weight'), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, onChange: (v) => {
-                        form.setFieldValue('weight', v);
-                        form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-                    }, rightSection: React__default["default"].createElement(constants.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) }))),
-            React__default["default"].createElement(constants.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.head') },
-                React__default["default"].createElement(index$1.Input.Number, Object.assign({}, form.getInputProps('head'), { placeholder: t('babyGrowth.head'), onChange: (v) => {
-                        form.setFieldValue('head', v);
-                        form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-                    }, rightSection: React__default["default"].createElement(constants.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) }))),
-            form.errors.checkMesureVal && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal))),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(constants.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.measurementDate') },
-                React__default["default"].createElement(index$2.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('measurementDate'), { error: null }))),
-            form.errors.measurementDate && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl, className: classes.submitBtn }, submitProps), t('babyGrowth.input.submit'))));
-};
-
-const MbLayout = (_a) => {
-    var props = tslib_es6.__rest(_a, []);
-    const { t } = useTranslations.useTranslations();
-    const { form, currentUrl, submitProps } = React.useContext(BabyGrowthFormContext);
-    const commonDateProps = {
-        placeholder: 'DD/MM/YYYY',
-        popoverProps: {
-            withinPortal: true,
-        },
-    };
-    return (React__default["default"].createElement(constants.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(constants.HealthToolFormWrapper.Control, null,
-                React__default["default"].createElement(index.GenderOptionControl, Object.assign({ isBaby: true, genderValue: {
-                        male: 'boy',
-                        female: 'girl',
-                    } }, form.getInputProps('gender'), { error: null }))),
-            form.errors.gender && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.gender))),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.birthday'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, rightSection: null, onChange: (v) => {
-                    v && form.validateField('measurementDate');
-                    form.getInputProps('birthday').onChange(v);
-                } }))),
-        form.errors.birthday && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.birthday)),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.height'), rightSection: t('babyGrowth.cm') },
-            React__default["default"].createElement(index$1.Input.Number, Object.assign({}, form.getInputProps('height'), { placeholder: t('tools.inputPlaceholder', {
-                    content: '160',
-                }), min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, onChange: (v) => {
-                    form.setFieldValue('height', v);
-                    form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-                } }))),
-        form.errors.height && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.height)),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.weight'), rightSection: t('babyGrowth.kg') },
-            React__default["default"].createElement(index$1.Input.Number, Object.assign({}, form.getInputProps('weight'), { placeholder: t('tools.inputPlaceholder', {
-                    content: '50',
-                }), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, onChange: (v) => {
-                    form.setFieldValue('weight', v);
-                    form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-                } }))),
-        form.errors.weight && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.weight)),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.head'), rightSection: t('babyGrowth.cm') },
-            React__default["default"].createElement(index$1.Input.Number, Object.assign({}, form.getInputProps('head'), { placeholder: t('tools.inputPlaceholder', {
-                    content: '50',
-                }), onChange: (v) => {
-                    form.setFieldValue('head', v);
-                    form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-                } }))),
-        form.errors.checkMesureVal && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.measurementDate'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-            React__default["default"].createElement(index$1.Input.Wrapper, null,
-                React__default["default"].createElement(index$2.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), rightSection: null, error: null })))),
-        form.errors.measurementDate && (React__default["default"].createElement(constants.HealthToolFormWrapper.Error, null, form.errors.measurementDate)),
-        React__default["default"].createElement(constants.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, submitProps), t('babyGrowth.input.submit'))));
-};
-
-const BabyGrowthForm = (_a) => {
-    var { onSubmit, formLayout = 'default', submitProps, currentUrl } = _a, rest = tslib_es6.__rest(_a, ["onSubmit", "formLayout", "submitProps", "currentUrl"]);
-    const { t } = useTranslations.useTranslations();
-    const theme = core.useMantineTheme();
-    const form$1 = form.useForm({
-        initialValues: {
-            measurementDate: new Date(),
-        },
-        validate: {
-            gender: form.isNotEmpty(t('validation.error.requiredField')),
-            birthday: form.isNotEmpty(t('validation.error.requiredField')),
-            measurementDate: (value, values) => {
-                return values.birthday
-                    ? values.birthday instanceof Date &&
-                        value instanceof Date &&
-                        values.birthday.getTime() <= value.getTime()
-                        ? null
-                        : t('babyGrowth.error.measurementDateLowerThanBirthday', {
-                            name: '',
-                        })
-                    : null;
-            },
-            checkMesureVal: (_value, values) => {
-                return (values.head === undefined &&
-                    values.height === undefined &&
-                    values.weight === undefined) ||
-                    values.head ||
-                    values.height ||
-                    values.weight
-                    ? null
-                    : t('babyGrowth.error.atLeastOneOf');
-            },
-        },
-        validateInputOnChange: ['checkMesureVal'],
-    });
-    const commonProps = Object.assign({ onSubmit: form$1.onSubmit((v) => onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(Object.assign(Object.assign({}, v), { bmi: bmiCalculate(Number(form$1.getInputProps('height').value), Number(form$1.getInputProps('weight').value)).toString() }))) }, rest);
-    return (React__default["default"].createElement(BabyGrowthFormContext.Provider, { value: {
-            submitProps,
-            currentUrl,
-            form: form$1,
-        } }, formLayout === 'default' ? (theme.other.template === 'mb' ? (React__default["default"].createElement(MbLayout, Object.assign({ formLayout: formLayout }, commonProps))) : (React__default["default"].createElement(DefaultForm, Object.assign({}, commonProps)))) : (React__default["default"].createElement(InlineForm, Object.assign({}, commonProps)))));
-};
-
-exports.BabyGrowthForm = BabyGrowthForm;
-exports.Modal = Modal;