@hhgtech/hhg-components 1.29.373 → 1.29.374-beta-1

package/build/embeddedHeathToolCards_targetHeartRate.js

@@ -2,53 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-6a38b123.js');
+var tslib_es6 = require('./tslib.es6-751dcc64.js');
 var React = require('react');
-var index = require('./index-9cfb6f01.js');
-var index$1 = require('./index-7a99b28f.js');
-var dataTransform = require('./dataTransform-60ef068f.js');
-var healthToolsCardWrapper = require('./index-54823cfb.js');
-var index$2 = require('./index-d3458e6c.js');
-require('./translationsContext-a085d37d.js');
+var index = require('./index-729572c2.js');
+var index$1 = require('./index-adfb7062.js');
+var dataTransform = require('./dataTransform-049d8098.js');
+var healthToolsCardWrapper = require('./index-ebe2c303.js');
+var index$2 = require('./index-b5cf12ac.js');
+require('./translationsContext-824f5c5d.js');
 require('./constantsDomainLocales.js');
-require('./Locale-2723c28f.js');
+require('./Locale-ab6a6ba4.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
 require('@hhgtech/icons/other');
-require('./index-03843c98.js');
+require('./index-d0820aeb.js');
 require('@mantine/hooks');
-require('./useScreenSize-f2c93dfe.js');
+require('./useScreenSize-805ef787.js');
 require('@emotion/styled');
-require('./utils-80ddfe39.js');
+require('./utils-0a56df4b.js');
 require('@mantine/carousel');
-require('./index-3521b764.js');
-require('./other-bf9b4bcf.js');
-require('./index-c001a050.js');
+require('./index-fe818695.js');
+require('./other-7cb22946.js');
+require('./index-5c38e2bd.js');
 require('./miscTheme.js');
-require('./useMantineLocale-641ac8c6.js');
+require('./useMantineLocale-d74729a8.js');
 require('@mantine/notifications');
-require('./index-313986f8.js');
+require('./index-523e7e4d.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-ac236671.js');
+require('./index-4ec0821f.js');
 require('classnames');
-require('./useUniqueId-8da5848c.js');
+require('./useUniqueId-1e0d5636.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-98bdc2ef.js');
-require('./index-ecb288e0.js');
+require('./index.styles-65606527.js');
+require('./index-a10c0c62.js');
 require('./miscDefaultClassWrapper.js');
 require('@mantine/form');
-require('./useHealthToolCache-45e11da8.js');
+require('./useHealthToolCache-068e5649.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-b31bd775.js');
-require('./core-0bfb3bf0.js');
-require('./constants-ec1dc828.js');
-require('./index-45b7f806.js');
-require('./index-1f1f0c5c.js');
-require('./index-e7bb57be.js');
+require('./normalizeLink-325ec7cc.js');
+require('./core-c24db88c.js');
+require('./constants-8c977f49.js');
+require('./index-9783335b.js');
+require('./index-706cdb42.js');
+require('./index-64618042.js');
 require('react-keyed-flatten-children');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/esm/{InputDate-d47f4a01.js → InputDate-53408741.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-37ac3f80.js';
+import { _ as __rest } from './tslib.es6-1073e423.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-52accd51.js';
-import { L as LOCALE } from './Locale-07134c93.js';
+import { I as ISO_FORMAT } from './index-54de0535.js';
+import { L as LOCALE } from './Locale-2def755e.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-5036dd88.js → LastPeriod-7572677e.js}

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

package/build/esm/{Locale-07134c93.js → Locale-2def755e.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-9a6febe7.js → MobileBottomNavigationIcon-3333d468.js}

@@ -1,10 +1,10 @@
-import { _ as __rest } from './tslib.es6-37ac3f80.js';
+import { _ as __rest } from './tslib.es6-1073e423.js';
 import React__default from 'react';
-import { T as Text } from './index-39835a89.js';
+import { T as Text } from './index-53e72c1e.js';
 import { theme } from './miscTheme.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-fd0077ec.js';
+import { M as MediaQueries } from './utils-f530e069.js';
 
 const slideInUp = keyframes `
   from {

package/build/esm/{Spinner-a41322b5.js → Spinner-2e9210e6.js}

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

package/build/esm/{WhatsApp-e19fd45d.js → WhatsApp-be4e850b.js}

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

package/build/esm/adapters.js

@@ -1,36 +1,36 @@
-export { B as Button } from './index-dfc48cf4.js';
-export { T as Text } from './index-6e8d0eb7.js';
-export { H as Heading } from './index-b520cbab.js';
-import './tslib.es6-37ac3f80.js';
+export { B as Button } from './index-202a8ced.js';
+export { T as Text } from './index-3ed1535e.js';
+export { H as Heading } from './index-eea13537.js';
+import './tslib.es6-1073e423.js';
 import 'react';
-import './index-279897da.js';
+import './index-0d9a1b8c.js';
 import '@mantine/core';
-import './index-01a293ec.js';
+import './index-a1ae0a50.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-832b09c0.js';
+import './index-f3b6ab45.js';
 import './constantsDomainLocales.js';
-import './Locale-07134c93.js';
+import './Locale-2def755e.js';
 import './constantsIsProduction.js';
-import './useScreenSize-34cbd783.js';
+import './useScreenSize-b097bc99.js';
 import '@emotion/styled';
-import './utils-fd0077ec.js';
+import './utils-f530e069.js';
 import '@mantine/carousel';
-import './index-39835a89.js';
-import './other-c1d47dbe.js';
-import './index-87fc69f5.js';
+import './index-53e72c1e.js';
+import './other-a974982d.js';
+import './index-bedd68c7.js';
 import './miscTheme.js';
-import './useMantineLocale-2648ca03.js';
+import './useMantineLocale-2ddd0d66.js';
 import '@mantine/notifications';
-import './index-52accd51.js';
+import './index-54de0535.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'dayjs';
 import 'classnames';
-import './useUniqueId-add5ca42.js';
+import './useUniqueId-fa696ba6.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-74d4cd9a.js';
-import './translationsContext-6860109f.js';
-import './index-45c7be3c.js';
+import './index.styles-f8978237.js';
+import './translationsContext-4ea92c46.js';
+import './index-67bb06d6.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-3a1495d6.js';
-export { A as Avatar } from './index-11ac8aea.js';
-export { B as Button } from './index-dfc48cf4.js';
-export { D as Divider } from './index-7320bb4e.js';
-export { F as Flag } from './index-01a293ec.js';
-export { H as Heading } from './index-b520cbab.js';
-export { I as Input, L as Label } from './index-380b8316.js';
-export { L as Logo } from './index-00d1d057.js';
-export { C as Checkbox, P as PureInput } from './index-d41d469d.js';
-export { T as Text } from './index-6e8d0eb7.js';
-export { T as TextArea } from './index-292cce89.js';
-export { C as Container } from './index-348e7549.js';
-export { I as Icon } from './index-38aca112.js';
-export { D as Drawer } from './index-c89611db.js';
-export { R as RadioImageGroup } from './index-843a933c.js';
-export { A as AuthorBadge, B as BookingBtn } from './index-fbc9646e.js';
-export { C as CustomReferenceDot } from './index-c6c69fc7.js';
-export { B as BtnChoice } from './index-53f5e323.js';
-export { L as LogoIcon } from './logoIcon-82673d69.js';
-export { I as ImageWrap } from './useScreenSize-34cbd783.js';
-export { G as GenderOptionControl } from './index-fd247adc.js';
-export { L as Loading } from './index-5b0fec76.js';
-export { D as DrawerComponent } from './index-d9a5e563.js';
-export { I as InputDate } from './InputDate-d47f4a01.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-8fe7951c.js';
+export { A as Avatar } from './index-4e2139dc.js';
+export { B as Button } from './index-202a8ced.js';
+export { D as Divider } from './index-c23c9f7e.js';
+export { F as Flag } from './index-a1ae0a50.js';
+export { H as Heading } from './index-eea13537.js';
+export { I as Input, L as Label } from './index-1b7e37bd.js';
+export { L as Logo } from './index-de4012d5.js';
+export { C as Checkbox, P as PureInput } from './index-921553c7.js';
+export { T as Text } from './index-3ed1535e.js';
+export { T as TextArea } from './index-d8aea1c6.js';
+export { C as Container } from './index-758957ae.js';
+export { I as Icon } from './index-4d7b2bc3.js';
+export { D as Drawer } from './index-224abae7.js';
+export { R as RadioImageGroup } from './index-6c64fa7c.js';
+export { A as AuthorBadge, B as BookingBtn } from './index-7f282951.js';
+export { C as CustomReferenceDot } from './index-fd8e30de.js';
+export { B as BtnChoice } from './index-adc4f674.js';
+export { L as LogoIcon } from './logoIcon-fdb7619c.js';
+export { I as ImageWrap } from './useScreenSize-b097bc99.js';
+export { G as GenderOptionControl } from './index-bd6288c0.js';
+export { L as Loading } from './index-d30ed987.js';
+export { D as DrawerComponent } from './index-d5dfbc30.js';
+export { I as InputDate } from './InputDate-53408741.js';
 import 'react';
-import './index-39835a89.js';
-import './tslib.es6-37ac3f80.js';
+import './index-53e72c1e.js';
+import './tslib.es6-1073e423.js';
 import '@mantine/core';
-import './other-c1d47dbe.js';
+import './other-a974982d.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-fd0077ec.js';
+import './utils-f530e069.js';
 import './miscDefaultClassWrapper.js';
 import 'react-keyed-flatten-children';
-import './index-279897da.js';
+import './index-0d9a1b8c.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-832b09c0.js';
+import './index-f3b6ab45.js';
 import './constantsDomainLocales.js';
-import './Locale-07134c93.js';
+import './Locale-2def755e.js';
 import './constantsIsProduction.js';
 import '@mantine/carousel';
-import './index-87fc69f5.js';
-import './useMantineLocale-2648ca03.js';
+import './index-bedd68c7.js';
+import './useMantineLocale-2ddd0d66.js';
 import '@mantine/notifications';
-import './index-52accd51.js';
+import './index-54de0535.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'dayjs';
 import 'classnames';
-import './useUniqueId-add5ca42.js';
+import './useUniqueId-fa696ba6.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-74d4cd9a.js';
-import './translationsContext-6860109f.js';
-import './index-45c7be3c.js';
-import './WhatsApp-e19fd45d.js';
-import './Spinner-a41322b5.js';
+import './index.styles-f8978237.js';
+import './translationsContext-4ea92c46.js';
+import './index-67bb06d6.js';
+import './WhatsApp-be4e850b.js';
+import './Spinner-2e9210e6.js';
 import '@emotion/react';
-import './animation-4e68b089.js';
-import './index-a4f611de.js';
-import './index-9f09262e.js';
-import './paths-d493ff83.js';
-import './constants-20c3d5eb.js';
-import './utils-b4cfd8d0.js';
-import './index-5400fc7b.js';
+import './animation-d5589e8b.js';
+import './index-adf2bd5f.js';
+import './index-94c7ee4b.js';
+import './paths-053bd382.js';
+import './constants-c405c24a.js';
+import './utils-a6705915.js';
+import './index-cd80d854.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-8fa39e2b.js';
+import './constants-341374a3.js';
 import 'vaul';