npm - @hhgtech/hhg-components - Versions diffs - 1.29.134 → 1.29.135 - Mend

@hhgtech/hhg-components 1.29.134 → 1.29.135

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (480) hide show

package/build/{index-21f9ac01.js → index-8427e1af.js} RENAMED Viewed

@@ -1,28 +1,28 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-cc3378e5.js');
-var constants = require('./constants-63a0dc23.js');
-var index$1 = require('./index-2744c22d.js');
-var index$2 = require('./index-3e801e33.js');
+var useHealthToolCache = require('./useHealthToolCache-e5cefbfb.js');
+var constants = require('./constants-c7ece436.js');
+var index$2 = require('./index-72efdce5.js');
+var index$3 = require('./index-1e469a64.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-920ebbb7.js');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index$3 = require('./index-7f563129.js');
-require('./index-a0a2321b.js');
+require('./index-f49e8023.js');
+require('./index-4a39b1e7.js');
+require('./index-76e88882.js');
+require('./useMantineLocale-b6730670.js');
+var index$4 = require('./index-ce9a0d0b.js');
+require('./index-f5b2b3bf.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-b57afab1.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+require('./index.styles-575a2293.js');
+var index = require('./index-53b9a5ed.js');
 require('@mantine/hooks');
-require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var index = require('./index-d5a32dfb.js');
+require('./utils-3e457c21.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
+var index$1 = require('./index-81150842.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');
@@ -34,75 +34,75 @@ const BmiFormContext = React.createContext({});
 const DefaultForm = (props) => {
     var _a, _b, _c, _d;
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index.useTranslations();
     const { control, bmiGenerated, isTouched, linkTool, submitProps } = React.useContext(BmiFormContext);
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         React__default["default"].createElement(reactHookForm.Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
-                return (React__default["default"].createElement(index$1.GenderOptionControl, { error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', onChange: onChange }));
+                return (React__default["default"].createElement(index$2.GenderOptionControl, { error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', onChange: onChange }));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "age", control: control, rules: (_b = bmiGenerated.age) === null || _b === void 0 ? void 0 : _b.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index$2.Input.Number, { label: React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
+                return (React__default["default"].createElement(index$3.Input.Number, { label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
                         t('bmi.ageInput'),
                         ' ',
-                        React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.ageInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                        React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.ageInput.desc'))), placeholder: t('tools.inputPlaceholder', {
                         content: '25',
                     }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0 }));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "height", control: control, rules: (_c = bmiGenerated.height) === null || _c === void 0 ? void 0 : _c.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index$2.Input.Number, { label: React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
+                return (React__default["default"].createElement(index$3.Input.Number, { label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
                         t('bmi.heightInput'),
                         ' ',
-                        React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.heightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                        React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.heightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
                         content: '170',
                     }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0 }));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "weight", control: control, rules: (_d = bmiGenerated.weight) === null || _d === void 0 ? void 0 : _d.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index$2.Input.Number, { label: React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
+                return (React__default["default"].createElement(index$3.Input.Number, { label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
                         t('bmi.weightInput'),
                         ' ',
-                        React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.weightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                        React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.weightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
                         content: '60',
                     }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', precision: 1, min: 0 }));
             } }),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
 };
 const InlineForm = (props) => {
     var _a, _b, _c, _d;
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index.useTranslations();
     const { control, bmiGenerated, isTouched, linkTool, submitProps } = React.useContext(BmiFormContext);
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
         React__default["default"].createElement(reactHookForm.Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
-                return (React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none', errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
-                    React__default["default"].createElement(index$1.GenderOptionControl, { type: "radio", hideLabel: true, error: isTouched ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', onChange: onChange })));
+                return (React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none', errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
+                    React__default["default"].createElement(index$2.GenderOptionControl, { type: "radio", hideLabel: true, error: isTouched ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', onChange: onChange })));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "age", control: control, rules: (_b = bmiGenerated.age) === null || _b === void 0 ? void 0 : _b.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.ageInput'), errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
-                    React__default["default"].createElement(index$2.Input.Number, { placeholder: t('tools.inputPlaceholder', {
+                return (React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.ageInput'), errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
+                    React__default["default"].createElement(index$3.Input.Number, { placeholder: t('tools.inputPlaceholder', {
                             content: '25',
-                        }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', min: 0, rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('tools.yearsOld')), styles: () => ({
+                        }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', min: 0, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('tools.yearsOld')), styles: () => ({
                             rightSection: {
                                 width: 'auto',
                             },
                         }) })));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "height", control: control, rules: (_c = bmiGenerated.height) === null || _c === void 0 ? void 0 : _c.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-                    React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.heightInput') },
-                        React__default["default"].createElement(index$2.Input.Number, { placeholder: t('tools.inputPlaceholder', {
+                return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+                    React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.heightInput') },
+                        React__default["default"].createElement(index$3.Input.Number, { placeholder: t('tools.inputPlaceholder', {
                                 content: '170',
-                            }), name: name, value: value, onChange: onChange, min: 0, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
-                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, error.message))));
+                            }), name: name, value: value, onChange: onChange, min: 0, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
+                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, error.message))));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "weight", control: control, rules: (_d = bmiGenerated.weight) === null || _d === void 0 ? void 0 : _d.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-                    React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.weightInput') },
-                        React__default["default"].createElement(index$2.Input.Number, { placeholder: t('tools.inputPlaceholder', {
+                return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+                    React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.weightInput') },
+                        React__default["default"].createElement(index$3.Input.Number, { placeholder: t('tools.inputPlaceholder', {
                                 content: '60',
-                            }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', precision: 1, min: 0, rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) })),
-                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, error.message))));
+                            }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', precision: 1, min: 0, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) })),
+                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, error.message))));
             } }),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
 };
 const BmiForm = (_a) => {
@@ -110,7 +110,7 @@ const BmiForm = (_a) => {
     const [isTouched, setIsTouched] = React.useState(false);
     const { control, handleSubmit, setValue, watch } = reactHookForm.useForm();
     const data = watch();
-    const { locale } = useTranslations.useTranslations();
+    const { locale } = index.useTranslations();
     const { getHealthToolLink } = useHealthToolCache.useHealthToolsCache(locale);
     const linkTool = React.useMemo(() => getHealthToolLink(constants.HEALTH_TOOL_TYPE.OVULATION), [getHealthToolLink]);
     const onValid = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {

package/build/{index-3f9fc60d.js → index-847177df.js} RENAMED Viewed

@@ -1,26 +1,26 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var index$2 = require('./index-3e801e33.js');
-var index$3 = require('./index-d919834a.js');
-var index$4 = require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index$3 = require('./index-1e469a64.js');
+var index$4 = require('./index-b60821c5.js');
+var index$5 = require('./index-ce9a0d0b.js');
+require('./index-f5b2b3bf.js');
+require('./index.styles-575a2293.js');
+var index = require('./index-53b9a5ed.js');
 require('@mantine/hooks');
-require('./useMantineLocale-d59fa63b.js');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
-require('./utils-54857ab8.js');
-require('./index-920ebbb7.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var constants = require('./constants-d73e25d5.js');
-var index = require('./index-d5a32dfb.js');
-var index$1 = require('./index-2744c22d.js');
+require('./useMantineLocale-b6730670.js');
+require('./index-4a39b1e7.js');
+require('./index-76e88882.js');
+require('./utils-3e457c21.js');
+require('./index-f49e8023.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
+var constants = require('./constants-51b63c53.js');
+var index$1 = require('./index-81150842.js');
+var index$2 = require('./index-72efdce5.js');
 var other = require('@hhgtech/icons/other');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -40,7 +40,7 @@ var useStyles$1 = core.createStyles((theme) => {
 const DefaultForm = (_a) => {
     var { styles, classNames } = _a, props = tslib_es6.__rest(_a, ["styles", "classNames"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form, currentUrl, submitProps } = React.useContext(BabyGrowthFormContext);
     const { classes } = useStyles$1(undefined, {
         name: 'BabyGrowthForm__DefaultForm',
@@ -53,22 +53,22 @@ const DefaultForm = (_a) => {
             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: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.Control, null,
+                React__default["default"].createElement(index$2.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) => {
+            form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$3.Input.Wrapper, { label: t('babyGrowth.input.birthday') },
+                React__default["default"].createElement(index$4.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,
+            form.errors.birthday && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.birthday))),
+        React__default["default"].createElement(index$3.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 },
                     "(",
@@ -77,7 +77,7 @@ const DefaultForm = (_a) => {
                 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,
+        React__default["default"].createElement(index$3.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 },
                     "(",
@@ -86,7 +86,7 @@ const DefaultForm = (_a) => {
                 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,
+        React__default["default"].createElement(index$3.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 },
                     "(",
@@ -95,12 +95,12 @@ const DefaultForm = (_a) => {
                 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'))));
+        form.errors.checkMesureVal && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$3.Input.Wrapper, { label: t('babyGrowth.input.measurementDate') },
+                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), error: null }))),
+            form.errors.measurementDate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
+        React__default["default"].createElement(index$1.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) => {
@@ -157,7 +157,7 @@ const bmiCalculate = (height = 0, weight = 0) => {
 const InlineForm = (_a) => {
     var { styles, classNames } = _a, props = tslib_es6.__rest(_a, ["styles", "classNames"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form, currentUrl, submitProps } = React.useContext(BabyGrowthFormContext);
     const { classes } = useStyles(undefined, {
         name: 'BabyGrowthForm__InlineForm',
@@ -170,60 +170,60 @@ const InlineForm = (_a) => {
             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: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectBabyGender') },
+                React__default["default"].createElement(index$2.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) => {
+            form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.birthday') },
+                React__default["default"].createElement(index$4.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: {
+            form.errors.birthday && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.birthday))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: "BMI", styles: {
                     control: {
                         '&:first-child': {
                             width: 'auto',
                         },
                     },
                 } },
-                React__default["default"].createElement(index$4.Text, { size: "p3" },
+                React__default["default"].createElement(index$5.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) => {
+                React__default["default"].createElement(index$3.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) => {
+                    }, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
+                React__default["default"].createElement(index$3.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) => {
+                    }, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) }))),
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.head') },
+                React__default["default"].createElement(index$3.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'))));
+                    }, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) }))),
+            form.errors.checkMesureVal && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.measurementDate') },
+                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('measurementDate'), { error: null }))),
+            form.errors.measurementDate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
+        React__default["default"].createElement(index$1.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 { t } = index.useTranslations();
     const { form, currentUrl, submitProps } = React.useContext(BabyGrowthFormContext);
     const commonDateProps = {
         placeholder: 'DD/MM/YYYY',
@@ -231,54 +231,54 @@ const MbLayout = (_a) => {
             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: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.Control, null,
+                React__default["default"].createElement(index$2.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) => {
+            form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.birthday'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+            React__default["default"].createElement(index$4.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', {
+        form.errors.birthday && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.birthday)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.height'), rightSection: t('babyGrowth.cm') },
+            React__default["default"].createElement(index$3.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', {
+        form.errors.height && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.height)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.weight'), rightSection: t('babyGrowth.kg') },
+            React__default["default"].createElement(index$3.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', {
+        form.errors.weight && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.weight)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.head'), rightSection: t('babyGrowth.cm') },
+            React__default["default"].createElement(index$3.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'))));
+        form.errors.checkMesureVal && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.measurementDate'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+            React__default["default"].createElement(index$3.Input.Wrapper, null,
+                React__default["default"].createElement(index$4.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$1.HealthToolFormWrapper.Error, null, form.errors.measurementDate)),
+        React__default["default"].createElement(index$1.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 { t } = index.useTranslations();
     const theme = core.useMantineTheme();
     const form$1 = form.useForm({
         initialValues: {

package/build/{index-0f0e8981.js → index-859c33e0.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-54857ab8.js');
+var utils = require('./utils-3e457c21.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-bb097164.js');
+var index = require('./index-2869b1c0.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-7ec5ee94.js → index-89ce3cac.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var togetherComponentGlobalContext = require('./utils-362e4f85.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');