@hhgtech/hhg-components 1.29.368 → 1.29.369-beta-1

package/build/embeddedHeathToolCards_targetHeartRate.js

@@ -2,53 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-d2090a49.js');
+var tslib_es6 = require('./tslib.es6-0a1efaa5.js');
 var React = require('react');
-var index = require('./index-129f8aa9.js');
-var index$1 = require('./index-d444fbf7.js');
-var dataTransform = require('./dataTransform-cf82811f.js');
-var healthToolsCardWrapper = require('./index-5a1e4ac8.js');
-var index$2 = require('./index-2621938e.js');
-require('./translationsContext-37e610ba.js');
+var index = require('./index-a4426cc6.js');
+var index$1 = require('./index-3961bc49.js');
+var dataTransform = require('./dataTransform-0a83f209.js');
+var healthToolsCardWrapper = require('./index-09f48d71.js');
+var index$2 = require('./index-867c567c.js');
+require('./translationsContext-476cde4e.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3aef42b0.js');
+require('./Locale-648438ba.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
 require('@hhgtech/icons/other');
-require('./index-f564bae2.js');
+require('./index-7dcdc8c5.js');
 require('@mantine/hooks');
-require('./useScreenSize-db2f3452.js');
+require('./useScreenSize-7e52c554.js');
 require('@emotion/styled');
-require('./utils-7aa02d54.js');
+require('./utils-5fa7ec2e.js');
 require('@mantine/carousel');
-require('./index-d90d19c7.js');
-require('./other-bc52d9ee.js');
-require('./index-8b7d6e0b.js');
+require('./index-a9717f36.js');
+require('./other-0108fca8.js');
+require('./index-90bfd9fc.js');
 require('./miscTheme.js');
-require('./useMantineLocale-d43d68ce.js');
+require('./useMantineLocale-2d5cdb74.js');
 require('@mantine/notifications');
-require('./index-e9ed2f96.js');
+require('./index-8cb5751d.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-1c88be63.js');
+require('./index-776f54d2.js');
 require('classnames');
-require('./useUniqueId-cea70f59.js');
+require('./useUniqueId-73fe343d.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-93a0261f.js');
-require('./index-ac46984d.js');
+require('./index.styles-eccbfb9d.js');
+require('./index-0e33107b.js');
 require('./miscDefaultClassWrapper.js');
 require('@mantine/form');
-require('./useHealthToolCache-2df0c7e0.js');
+require('./useHealthToolCache-7e49ede9.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-545c621a.js');
-require('./core-e895bdb2.js');
-require('./constants-afe76aa7.js');
-require('./index-df7e968f.js');
-require('./index-75ddd9ae.js');
-require('./index-99047c91.js');
+require('./normalizeLink-c9631ba6.js');
+require('./core-8c21e77e.js');
+require('./constants-d801ede7.js');
+require('./index-da25cceb.js');
+require('./index-ce149e65.js');
+require('./index-672ce628.js');
 require('react-keyed-flatten-children');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/esm/{InputDate-af3d5a1e.js → InputDate-cdbcab92.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-72910860.js';
+import { _ as __rest } from './tslib.es6-597deede.js';
 import React__default, { forwardRef, useState, useRef, useMemo, useCallback, useEffect, useImperativeHandle } from 'react';
 import cn from 'classnames';
 import dayjs from 'dayjs';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ISO_FORMAT } from './index-9df141a8.js';
-import { L as LOCALE } from './Locale-a5908a68.js';
+import { I as ISO_FORMAT } from './index-9aee0d96.js';
+import { L as LOCALE } from './Locale-e81e6be1.js';
 
 const KEYCODE = {
     BACKSPACE: 8,
@@ -221,12 +221,8 @@ const InputDate = forwardRef((props, ref) => {
     const [activeInput, setActiveInput] = useState(-1);
     const inputRef = useRef([]);
     const [value, setValue] = useState(formatInputDateValue(defaultValueProps || valueProps, ISO_FORMAT[locale].dateFormat));
-    const [valueString, setValueString] = useState([
-        undefined,
-        undefined,
-        undefined,
-    ]);
-    const [disabled, setDisabled] = useState(INPUT_DATE_DEFAULT_DISABLED);
+    const [valueString, setValueString] = useState(['', '', '']);
+    const [disabled, setDisabled] = useState(() => getInputDateInputDisabled(formatInputDateValueString(defaultValueProps || valueProps, ISO_FORMAT[locale].dateFormat)));
     const { dateFormat } = useMemo(() => {
         return (ISO_FORMAT === null || ISO_FORMAT === void 0 ? void 0 : ISO_FORMAT[locale]) || ISO_FORMAT['vi-VN'];
     }, [locale]);
@@ -341,7 +337,7 @@ const InputDate = forwardRef((props, ref) => {
         if (inputIndex !== -1) {
             const newVal = target.value;
             const valString = [...valueString];
-            if (newVal !== '' && inputIndex !== orders.length - 1) {
+            if (newVal !== '') {
                 valString[inputIndex] = String(newVal).padStart(target.maxLength, '0');
                 setDisabled(getInputDateInputDisabled(valString));
                 setValueString(valString);
@@ -368,22 +364,26 @@ const InputDate = forwardRef((props, ref) => {
             e.preventDefault();
         }
     }, [activeInput, focusPrevInput, focusNextInput]);
-    const onClick = useCallback(() => {
-        if (activeInput === -1 && !value) {
-            inputRef.current[0].focus();
-            setActiveInput(0);
-        }
-        else if (activeInput === -1 && value) {
-            inputRef.current[inputRef.current.length - 1].focus();
-            setActiveInput(inputRef.current.length - 1);
+    const onClick = useCallback((e) => {
+        const target = e.target;
+        const targetIndex = inputRef.current.findIndex((input) => input === target);
+        if (targetIndex === -1) {
+            const focusIndex = !!value ? inputRef.current.length - 1 : 0;
+            inputRef.current[focusIndex].focus();
+            setActiveInput(focusIndex);
+            return;
         }
-    }, [activeInput, value]);
+        inputRef.current[targetIndex].focus();
+        setActiveInput(targetIndex);
+    }, [inputRef.current, defaultValue, value]);
     useEffect(() => {
         setValue(formatInputDateValue(valueProps, dateFormat));
     }, [valueProps, dateFormat]);
     useEffect(() => {
         if (value) {
-            setValueString(formatInputDateValueString(value, dateFormat));
+            const valueStringUpdated = formatInputDateValueString(value, dateFormat);
+            setValueString(valueStringUpdated);
+            setDisabled(getInputDateInputDisabled(valueStringUpdated));
         }
     }, [value, dateFormat]);
     useImperativeHandle(ref, () => inputRef.current[0], []);

package/build/esm/{LastPeriod-45d826ee.js → LastPeriod-2c6c8737.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-72910860.js';
+import { _ as __rest } from './tslib.es6-597deede.js';
 import React__default from 'react';
 
 const LastPeriod = (_a) => {

package/build/esm/{Locale-a5908a68.js → Locale-e81e6be1.js}

@@ -10,6 +10,7 @@ var LOCALE;
     LOCALE["Myanmar"] = "my-MM";
     LOCALE["Taiwan"] = "zh-TW";
     LOCALE["India"] = "hi-IN";
+    LOCALE["China"] = "zh-CN";
 })(LOCALE || (LOCALE = {}));
 
 export { LOCALE as L };

package/build/esm/{MobileBottomNavigationIcon-d5d450e7.js → MobileBottomNavigationIcon-afba58d2.js}

@@ -1,10 +1,10 @@
-import { _ as __rest } from './tslib.es6-72910860.js';
+import { _ as __rest } from './tslib.es6-597deede.js';
 import React__default from 'react';
-import { T as Text } from './index-40297052.js';
+import { T as Text } from './index-fe73aae3.js';
 import { theme } from './miscTheme.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-fe433043.js';
+import { M as MediaQueries } from './utils-440717e5.js';
 
 const slideInUp = keyframes `
   from {

package/build/esm/{Spinner-256d6227.js → Spinner-420df6a6.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-72910860.js';
+import { _ as __rest } from './tslib.es6-597deede.js';
 import React__default from 'react';
 
 const Spinner = (_a) => {

package/build/esm/{WhatsApp-4a266384.js → WhatsApp-7765a21e.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-72910860.js';
+import { _ as __rest } from './tslib.es6-597deede.js';
 import React__default from 'react';
 
 const Instagram = (_a) => {

package/build/esm/adapters.js

@@ -1,36 +1,36 @@
-export { B as Button } from './index-e1610248.js';
-export { T as Text } from './index-41180fb2.js';
-export { H as Heading } from './index-42dd310a.js';
-import './tslib.es6-72910860.js';
+export { B as Button } from './index-3d18933f.js';
+export { T as Text } from './index-1ccbc54b.js';
+export { H as Heading } from './index-edfd0b23.js';
+import './tslib.es6-597deede.js';
 import 'react';
-import './index-0e107b33.js';
+import './index-b74d4072.js';
 import '@mantine/core';
-import './index-3d3825cc.js';
+import './index-9b198336.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-a52dd34a.js';
+import './index-74594561.js';
 import './constantsDomainLocales.js';
-import './Locale-a5908a68.js';
+import './Locale-e81e6be1.js';
 import './constantsIsProduction.js';
-import './useScreenSize-be6b7d68.js';
+import './useScreenSize-0e511139.js';
 import '@emotion/styled';
-import './utils-fe433043.js';
+import './utils-440717e5.js';
 import '@mantine/carousel';
-import './index-40297052.js';
-import './other-2824b8ce.js';
-import './index-e0180027.js';
+import './index-fe73aae3.js';
+import './other-e24b4153.js';
+import './index-42b2d9b5.js';
 import './miscTheme.js';
-import './useMantineLocale-4fde4c36.js';
+import './useMantineLocale-64d31ceb.js';
 import '@mantine/notifications';
-import './index-9df141a8.js';
+import './index-9aee0d96.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'dayjs';
 import 'classnames';
-import './useUniqueId-3a3c5775.js';
+import './useUniqueId-ddeb8a5e.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-8902b845.js';
-import './translationsContext-ccaa070b.js';
-import './index-435dfcc8.js';
+import './index.styles-b59189ca.js';
+import './translationsContext-75264091.js';
+import './index-d3657485.js';

package/build/esm/atoms.js

@@ -1,73 +1,73 @@
-export { A as Alert, B as Badge, a as BorderHeading, F as FileDropdown, G as Grid, P as Pagination, R as Radio, c as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, b as Toggle } from './index-a3147663.js';
-export { A as Avatar } from './index-b96e6061.js';
-export { B as Button } from './index-e1610248.js';
-export { D as Divider } from './index-77ac37c2.js';
-export { F as Flag } from './index-3d3825cc.js';
-export { H as Heading } from './index-42dd310a.js';
-export { I as Input, L as Label } from './index-41ea5ef1.js';
-export { L as Logo } from './index-d66259a3.js';
-export { C as Checkbox, P as PureInput } from './index-84a708c5.js';
-export { T as Text } from './index-41180fb2.js';
-export { T as TextArea } from './index-4c9256f4.js';
-export { C as Container } from './index-e0949e74.js';
-export { I as Icon } from './index-176d5c0a.js';
-export { D as Drawer } from './index-4293abfc.js';
-export { R as RadioImageGroup } from './index-add7a289.js';
-export { A as AuthorBadge, B as BookingBtn } from './index-253c497b.js';
-export { C as CustomReferenceDot } from './index-a8a286bd.js';
-export { B as BtnChoice } from './index-5356a1bf.js';
-export { L as LogoIcon } from './logoIcon-ca2abc51.js';
-export { I as ImageWrap } from './useScreenSize-be6b7d68.js';
-export { G as GenderOptionControl } from './index-96127754.js';
-export { L as Loading } from './index-33d35ee2.js';
-export { D as DrawerComponent } from './index-58b54ff1.js';
-export { I as InputDate } from './InputDate-af3d5a1e.js';
+export { A as Alert, B as Badge, a as BorderHeading, F as FileDropdown, G as Grid, P as Pagination, R as Radio, c as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, b as Toggle } from './index-5ce05096.js';
+export { A as Avatar } from './index-70aa9f56.js';
+export { B as Button } from './index-3d18933f.js';
+export { D as Divider } from './index-9dcce42f.js';
+export { F as Flag } from './index-9b198336.js';
+export { H as Heading } from './index-edfd0b23.js';
+export { I as Input, L as Label } from './index-545ac479.js';
+export { L as Logo } from './index-1c39a42c.js';
+export { C as Checkbox, P as PureInput } from './index-bc955d3b.js';
+export { T as Text } from './index-1ccbc54b.js';
+export { T as TextArea } from './index-03d8f7e3.js';
+export { C as Container } from './index-af2d67c7.js';
+export { I as Icon } from './index-ea00e3c8.js';
+export { D as Drawer } from './index-5686720a.js';
+export { R as RadioImageGroup } from './index-8171e454.js';
+export { A as AuthorBadge, B as BookingBtn } from './index-2d853afc.js';
+export { C as CustomReferenceDot } from './index-fcaac1b0.js';
+export { B as BtnChoice } from './index-1c2c4c91.js';
+export { L as LogoIcon } from './logoIcon-bae46f31.js';
+export { I as ImageWrap } from './useScreenSize-0e511139.js';
+export { G as GenderOptionControl } from './index-1d955ba9.js';
+export { L as Loading } from './index-f148371b.js';
+export { D as DrawerComponent } from './index-e632f8a8.js';
+export { I as InputDate } from './InputDate-cdbcab92.js';
 import 'react';
-import './index-40297052.js';
-import './tslib.es6-72910860.js';
+import './index-fe73aae3.js';
+import './tslib.es6-597deede.js';
 import '@mantine/core';
-import './other-2824b8ce.js';
+import './other-e24b4153.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-fe433043.js';
+import './utils-440717e5.js';
 import './miscDefaultClassWrapper.js';
 import 'react-keyed-flatten-children';
-import './index-0e107b33.js';
+import './index-b74d4072.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-a52dd34a.js';
+import './index-74594561.js';
 import './constantsDomainLocales.js';
-import './Locale-a5908a68.js';
+import './Locale-e81e6be1.js';
 import './constantsIsProduction.js';
 import '@mantine/carousel';
-import './index-e0180027.js';
-import './useMantineLocale-4fde4c36.js';
+import './index-42b2d9b5.js';
+import './useMantineLocale-64d31ceb.js';
 import '@mantine/notifications';
-import './index-9df141a8.js';
+import './index-9aee0d96.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'dayjs';
 import 'classnames';
-import './useUniqueId-3a3c5775.js';
+import './useUniqueId-ddeb8a5e.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-8902b845.js';
-import './translationsContext-ccaa070b.js';
-import './index-435dfcc8.js';
-import './WhatsApp-4a266384.js';
-import './Spinner-256d6227.js';
+import './index.styles-b59189ca.js';
+import './translationsContext-75264091.js';
+import './index-d3657485.js';
+import './WhatsApp-7765a21e.js';
+import './Spinner-420df6a6.js';
 import '@emotion/react';
-import './animation-a97a8e95.js';
-import './index-d3b0ff0e.js';
-import './index-b051f29b.js';
-import './paths-44af8a36.js';
-import './constants-b8a13e0c.js';
-import './utils-1c5980e6.js';
-import './index-59c7d025.js';
+import './animation-9d6764b3.js';
+import './index-10a225a8.js';
+import './index-3df48ed3.js';
+import './paths-f790d1d7.js';
+import './constants-275fcb88.js';
+import './utils-b0b1b32e.js';
+import './index-da6a5883.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-8de9fb78.js';
+import './constants-9d9f4f5c.js';
 import 'vaul';