@hhgtech/hhg-components 1.29.82 → 1.29.84

package/build/index-8bc74421.js

@@ -0,0 +1,97 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
+var React = require('react');
+var core = require('@mantine/core');
+var form = require('@mantine/form');
+require('./index-848c257f.js');
+var index$2 = require('./index-d97f9371.js');
+require('./index-4184d8d6.js');
+require('./index-353ce6f8.js');
+var useTranslations = require('./useTranslations-ec613f5a.js');
+require('@mantine/hooks');
+require('./index-3ae93a30.js');
+require('./index-e0d59d3e.js');
+require('./utils-7effa670.js');
+require('./useMantineLocale-30235874.js');
+require('./index-1f94d57c.js');
+require('./other-b4596d33.js');
+var index = require('./index-d1fb44a6.js');
+var index$1 = require('./index-f31f282c.js');
+var other = require('@hhgtech/icons/other');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const BabyVaccineFormContext = React.createContext({});
+
+const DefaultLayout = (_a) => {
+    var props = tslib_es6.__rest(_a, []);
+    const { t } = useTranslations.useTranslations();
+    const { currentUrl, submitProps, form } = React.useContext(BabyVaccineFormContext);
+    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender'))),
+        React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: t('babyGrowth.input.birthday'), placeholder: 'DD/MM/YYYY', popoverProps: {
+                withinPortal: true,
+            }, maxDate: new Date() }, form.getInputProps('age'))),
+        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+};
+
+const InlineLayout = (_a) => {
+    var props = tslib_es6.__rest(_a, []);
+    const { t } = useTranslations.useTranslations();
+    const { currentUrl, submitProps, form } = React.useContext(BabyVaccineFormContext);
+    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectBabyGender'), width: 'none' },
+                React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({ isBaby: true, hideLabel: true, type: "radio" }, form.getInputProps('gender')))),
+            form.errors.gender && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.birthday') },
+                React__default["default"].createElement(index$2.DatePicker, Object.assign({ placeholder: 'DD/MM/YYYY', popoverProps: {
+                        withinPortal: true,
+                    }, maxDate: new Date() }, form.getInputProps('age'), { error: null }))),
+            form.errors.age && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+};
+
+const MbLayout = (_a) => {
+    var props = tslib_es6.__rest(_a, []);
+    const { t } = useTranslations.useTranslations();
+    const { currentUrl, submitProps, form } = React.useContext(BabyVaccineFormContext);
+    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index.HealthToolFormWrapper.Control, null,
+            React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender'), { error: null }))),
+        form.errors.gender && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender)),
+        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.birthday'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+                React__default["default"].createElement(index$2.DatePicker, Object.assign({ placeholder: 'DD/MM/YYYY', popoverProps: {
+                        withinPortal: true,
+                    }, maxDate: new Date(), rightSection: null }, form.getInputProps('age'), { error: null }))),
+            form.errors.age && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+};
+
+var OvulationCalculatorType;
+(function (OvulationCalculatorType) {
+    OvulationCalculatorType[OvulationCalculatorType["trackPeriod"] = 0] = "trackPeriod";
+    OvulationCalculatorType[OvulationCalculatorType["conceive"] = 1] = "conceive";
+    OvulationCalculatorType[OvulationCalculatorType["avoidPregnancy"] = 2] = "avoidPregnancy";
+})(OvulationCalculatorType || (OvulationCalculatorType = {}));
+const BabyVaccineForm = (_a) => {
+    var { formLayout = 'default', submitProps, currentUrl, onSubmit } = _a, props = tslib_es6.__rest(_a, ["formLayout", "submitProps", "currentUrl", "onSubmit"]);
+    const { t } = useTranslations.useTranslations();
+    const theme = core.useMantineTheme();
+    const isMarryBaby = theme.other.template === 'mb';
+    const form$1 = form.useForm({
+        validate: {
+            gender: form.isNotEmpty(t('validation.error.requiredField')),
+            age: form.isNotEmpty(t('validation.error.requiredField')),
+        },
+    });
+    const commonProps = Object.assign({ onSubmit: form$1.onSubmit(onSubmit) }, props);
+    return (React__default["default"].createElement(BabyVaccineFormContext.Provider, { value: { submitProps, currentUrl, form: form$1 } }, formLayout === 'inline' ? (React__default["default"].createElement(InlineLayout, Object.assign({}, commonProps))) : isMarryBaby ? (React__default["default"].createElement(MbLayout, Object.assign({ formLayout: formLayout }, commonProps))) : (React__default["default"].createElement(DefaultLayout, Object.assign({}, commonProps)))));
+};
+
+exports.BabyVaccineForm = BabyVaccineForm;

package/build/index-8e6acb31.js

@@ -0,0 +1,320 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
+var React = require('react');
+var core = require('@mantine/core');
+var form = require('@mantine/form');
+var index$2 = require('./index-848c257f.js');
+var index$3 = require('./index-d97f9371.js');
+var index$4 = require('./index-4184d8d6.js');
+require('./index-353ce6f8.js');
+var useTranslations = require('./useTranslations-ec613f5a.js');
+require('@mantine/hooks');
+require('./index-3ae93a30.js');
+require('./index-e0d59d3e.js');
+require('./utils-7effa670.js');
+require('./useMantineLocale-30235874.js');
+require('./index-1f94d57c.js');
+require('./other-b4596d33.js');
+var constants = require('./constants-78b4275f.js');
+var index = require('./index-d1fb44a6.js');
+var index$1 = require('./index-f31f282c.js');
+var other = require('@hhgtech/icons/other');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index.HealthToolFormWrapper.Control, null,
+                React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({ isBaby: true, genderValue: {
+                        male: 'boy',
+                        female: 'girl',
+                    } }, form.getInputProps('gender'), { error: null }))),
+            form.errors.gender && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.Input.Wrapper, { label: t('babyGrowth.input.birthday') },
+                React__default["default"].createElement(index$3.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(index.HealthToolFormWrapper.Error, null, form.errors.birthday))),
+        React__default["default"].createElement(index$2.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$2.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$2.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(index.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
+        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.Input.Wrapper, { label: t('babyGrowth.input.measurementDate') },
+                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), error: null }))),
+            form.errors.measurementDate && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
+        React__default["default"].createElement(index.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(index.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectBabyGender') },
+                React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({ type: "radio", hideLabel: true, isBaby: true, genderValue: {
+                        male: 'boy',
+                        female: 'girl',
+                    } }, form.getInputProps('gender')))),
+            form.errors.gender && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.birthday') },
+                React__default["default"].createElement(index$3.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(index.HealthToolFormWrapper.Error, null, form.errors.birthday))),
+        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: "BMI", styles: {
+                    control: {
+                        '&:first-child': {
+                            width: 'auto',
+                        },
+                    },
+                } },
+                React__default["default"].createElement(index$4.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$2.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(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
+                React__default["default"].createElement(index$2.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(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) }))),
+            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.head') },
+                React__default["default"].createElement(index$2.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(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) }))),
+            form.errors.checkMesureVal && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal))),
+        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.measurementDate') },
+                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('measurementDate'), { error: null }))),
+            form.errors.measurementDate && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
+        React__default["default"].createElement(index.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(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index.HealthToolFormWrapper.Control, null,
+                React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({ isBaby: true, genderValue: {
+                        male: 'boy',
+                        female: 'girl',
+                    } }, form.getInputProps('gender'), { error: null }))),
+            form.errors.gender && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.birthday'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+            React__default["default"].createElement(index$3.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(index.HealthToolFormWrapper.Error, null, form.errors.birthday)),
+        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.height'), rightSection: t('babyGrowth.cm') },
+            React__default["default"].createElement(index$2.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(index.HealthToolFormWrapper.Error, null, form.errors.height)),
+        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.weight'), rightSection: t('babyGrowth.kg') },
+            React__default["default"].createElement(index$2.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(index.HealthToolFormWrapper.Error, null, form.errors.weight)),
+        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.head'), rightSection: t('babyGrowth.cm') },
+            React__default["default"].createElement(index$2.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(index.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
+        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.measurementDate'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+            React__default["default"].createElement(index$2.Input.Wrapper, null,
+                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), rightSection: null, error: null })))),
+        form.errors.measurementDate && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.measurementDate)),
+        React__default["default"].createElement(index.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;

package/build/{index-a9bbb5aa.js → index-9112bf2c.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
-require('./index-dff7ee1b.js');
+require('./index-848c257f.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-e3bbd009.js');
-require('./index-1f3fc2e3.js');
-require('./index-64d8db08.js');
-require('./useMantineLocale-0d63dfea.js');
-var index = require('./index-1fdf2f01.js');
-require('./index-3eb666e6.js');
-require('./theme-be20929b.js');
-require('./translationsContext-00fdb62e.js');
+require('./index-1f94d57c.js');
+require('./index-3ae93a30.js');
+require('./index-e0d59d3e.js');
+require('./useMantineLocale-30235874.js');
+var index = require('./index-4184d8d6.js');
+require('./index-353ce6f8.js');
+require('./translationsContext-22b4034f.js');
 require('string-format');
 require('@mantine/hooks');
-require('./utils-15a9772e.js');
+require('./utils-7effa670.js');
+require('./other-b4596d33.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-dd074159.js → index-98680432.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-3eb666e6.js');
+var index = require('./index-353ce6f8.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-ca616373.js → index-992f2a88.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-10760994.js');
-var useTranslations = require('./useTranslations-685f989b.js');
+var index = require('./index-4ac79663.js');
+var useTranslations = require('./useTranslations-ec613f5a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }