@hhgtech/hhg-components 1.29.419 → 1.29.420-beta-2

package/build/esm/index-29cae2ef.js

@@ -0,0 +1,438 @@
+import * as React from 'react';
+import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-ab85dac6.js';
+import styled from '@emotion/styled';
+import { theme } from './miscTheme.js';
+import { _ as __rest } from './tslib.es6-d50c14df.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-8bcbdcb9.js';
+import { I as Input } from './index-9dbdd688.js';
+import '@mantine/core';
+import '@mantine/dates';
+import './index-77a5ed91.js';
+import './index-81bed3a5.js';
+import './index-c66219ba.js';
+import './index-f25b9d2f.js';
+import './index-c129a5bd.js';
+import './index-33269880.js';
+import './index.styles-94965ed6.js';
+import './translationsContext-569e04a4.js';
+import '@mantine/hooks';
+import './text-26186936.js';
+import './index-17eeebe5.js';
+
+/* eslint-disable prettier/prettier */
+const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),
+    React.createElement("path", { d: "M11 18.957C14.866 18.957 18 15.823 18 11.957C18 8.09104 14.866 4.95703 11 4.95703C7.13401 4.95703 4 8.09104 4 11.957C4 15.823 7.13401 18.957 11 18.957Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M20 20.957L16 16.957", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })));
+
+const StyledPagination = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  user-select: none;
+  li {
+    transition: all 0.3s ease;
+  }
+  [data-page-active] {
+    background: ${theme.colors.primaryBase};
+    color: ${theme.colors.white};
+
+    > a {
+      color: ${theme.colors.white};
+    }
+  }
+`;
+const StyledPageBlock = styled.div `
+  display: flex;
+  width: 32px;
+  height: 32px;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid ${theme.colors.gray200};
+  margin: 0 2px;
+  border-radius: 4px;
+  color: ${theme.colors.gray800};
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: ${theme.sizes.fwBold};
+
+  &[data-last-page] {
+    border: none;
+    background-color: ${theme.colors.gray100};
+    cursor: not-allowed;
+    pointer-events: none;
+
+    svg {
+      path {
+        stroke: ${theme.colors.gray300};
+      }
+    }
+  }
+`;
+const StyledPaginationBlock = styled.li `
+  display: flex;
+  width: 32px;
+  height: 32px;
+  align-items: center;
+  justify-content: center;
+  margin: 0 2px;
+  border-radius: 4px;
+  color: ${theme.colors.gray800};
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: ${theme.sizes.fwBold};
+
+  > a {
+    color: ${theme.colors.gray800};
+    text-decoration: unset;
+    display: block;
+    width: 100%;
+    height: 100%;
+    line-height: 32px;
+    text-align: center;
+  }
+`;
+
+const RenderPagiWithDots = ({ pagesAmount, activePage, handlePageChange, handleClick, href, queryPageName = 'page', }) => {
+    const pages = [...Array(pagesAmount)].map((__v, i) => i + 1);
+    const [visiblePages, setVisiblePages] = useState(activePage <= 4
+        ? pages.slice(0, 5)
+        : activePage >= pages.length - 3
+            ? pages.slice(pages.length - 5, pages.length)
+            : pages.slice(activePage - 2, activePage + 1));
+    useEffect(() => {
+        if (activePage <= 4) {
+            setVisiblePages(pages.slice(0, 5));
+        }
+        else if (activePage >= pages.length - 3) {
+            setVisiblePages(pages.slice(pages.length - 5, pages.length));
+        }
+        else {
+            setVisiblePages(pages.slice(activePage - 2, activePage + 1));
+        }
+    }, [activePage]);
+    return (React__default.createElement(Fragment, null,
+        activePage > 4 && (React__default.createElement(Fragment, null,
+            React__default.createElement(StyledPaginationBlock, { onClick: () => handlePageChange(1) }, href ? (React__default.createElement("a", { href: href, onClick: handleClick }, 1)) : (1)),
+            React__default.createElement(StyledPaginationBlock, null, "..."))),
+        visiblePages.map((i) => (React__default.createElement(StyledPaginationBlock, { key: `${'pagination'}+${i}`, "data-page-active": i === activePage || undefined, onClick: () => handlePageChange(i) }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, i, queryPageName), onClick: handleClick }, i)) : (i)))),
+        activePage < pages.length - 3 && (React__default.createElement(Fragment, null,
+            React__default.createElement(StyledPaginationBlock, null, "..."),
+            React__default.createElement(StyledPaginationBlock, { onClick: () => handlePageChange(pages.length) }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, pages.length, queryPageName), onClick: handleClick }, pages.length)) : (pages.length))))));
+};
+const Pagination = ({ className, pagesAmount, currentPage, onChange, onClick, style, href: _href, queryPageName = 'page', }) => {
+    const pages = [...Array(pagesAmount)].map((__v, i) => i + 1);
+    const [activePage, setActivePage] = useState(currentPage);
+    const href = useMemo(() => {
+        // Props `href` is updated from the version 1.8.4 and later. Please change the way to use this props properly
+        //    - To avoid crash app, transform href for the old way and remove the part &page=
+        //       /care/ho-chi-minh/hospital/da-khoa/&page=
+        //    -> /care/ho-chi-minh/hospital/da-khoa/
+        if (_href && _href.endsWith('&page=')) {
+            return _href.replace('&page=', '');
+        }
+        return _href;
+    }, [_href]);
+    const totalArray = pagesAmount - 1;
+    const handlePageChange = (p) => {
+        if (p <= pagesAmount && p > 0) {
+            setActivePage(p);
+            onChange(p);
+        }
+    };
+    const handleClick = (e) => {
+        onClick && onClick(e);
+    };
+    useEffect(() => {
+        setActivePage(currentPage);
+    }, [currentPage]);
+    return (React__default.createElement(StyledPagination, { className: className, style: style },
+        React__default.createElement(StyledPageBlock, { className: "prev-page", onClick: () => handlePageChange(activePage - 1), "data-last-page": activePage === 1 || undefined }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, activePage, queryPageName), onClick: handleClick },
+            React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
+                React__default.createElement("path", { d: "M5.5 9L1.5 5L5.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))) : (React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
+            React__default.createElement("path", { d: "M5.5 9L1.5 5L5.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))),
+        pages.length > 8 ? (React__default.createElement(RenderPagiWithDots, { pagesAmount: pagesAmount, activePage: activePage, handlePageChange: handlePageChange, handleClick: handleClick, href: href, queryPageName: queryPageName })) : (pages.map((i) => (React__default.createElement(StyledPaginationBlock, { key: `${'pagination'}+${i}`, "data-page-active": i === activePage || undefined, onClick: () => handlePageChange(i) }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, i, queryPageName), onClick: handleClick }, i)) : (i))))),
+        React__default.createElement(StyledPageBlock, { className: "next-page", onClick: () => handlePageChange(activePage + 1), "data-last-page": activePage === totalArray + 1 || undefined }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, activePage, queryPageName), onClick: handleClick },
+            React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
+                React__default.createElement("path", { d: "M1.5 9L5.5 5L1.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))) : (React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
+            React__default.createElement("path", { d: "M1.5 9L5.5 5L1.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))))));
+};
+
+const StyledInput$1 = styled.div `
+  position: relative;
+  width: 100%;
+
+  &[data-has-error] {
+    input {
+      border-color: ${theme.colors.red700};
+    }
+  }
+
+  input {
+    width: 100%;
+    padding: 12px 16px;
+    border: solid 1px ${theme.colors.gray200};
+    border-radius: ${theme.borderRadius};
+
+    &:active,
+    &:focus,
+    .focused & {
+      border-color: ${theme.colors.primaryBase};
+      box-shadow: 0px 0px 2px 2px ${theme.colors.primary200};
+    }
+
+    &:disabled {
+      background-color: ${theme.colors.gray100};
+      cursor: not-allowed;
+    }
+  }
+
+  &[data-has-action-icon] {
+    input {
+      padding: 12px 48px 12px 16px;
+    }
+  }
+  &[data-has-display-icon] {
+    input {
+      padding: 12px 16px 12px 48px;
+    }
+  }
+
+  &[data-has-action-icon][data-has-display-icon] {
+    input {
+      padding: 12px 48px;
+    }
+  }
+
+  &[data-size='lg'] {
+    input {
+      font-size: 16px;
+      font-weight: ${theme.sizes.fwRegular};
+      ${MediaQueries.mbDown} {
+        font-size: 22px;
+        line-height: 1.2;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 26px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='md'] {
+    input {
+      font-weight: ${theme.sizes.fwRegular};
+      ${MediaQueries.mbDown} {
+        font-size: 14px;
+        line-height: 1.2;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 16px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='sm'] {
+    input {
+      font-weight: ${theme.sizes.fwRegular};
+      ${MediaQueries.mbDown} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+    }
+  }
+`;
+
+/**
+ * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
+ */
+const PureInput = React__default.forwardRef((_a, ref) => {
+    var { name, errorMessage, autoComplete = 'off', defaultValue, actionIcon: ActionIcon, displayIcon: DisplayIcon, isDeleteAction, onActionClick, label, placeholder, className, onChange, onKeyPress, isDisabled, CustomInput, size, style, autoFocus, type = 'text', isNumerousKeyboard = false, onFocus, enterKeyHint, nativeOnChange } = _a, other = __rest(_a, ["name", "errorMessage", "autoComplete", "defaultValue", "actionIcon", "displayIcon", "isDeleteAction", "onActionClick", "label", "placeholder", "className", "onChange", "onKeyPress", "isDisabled", "CustomInput", "size", "style", "autoFocus", "type", "isNumerousKeyboard", "onFocus", "enterKeyHint", "nativeOnChange"]);
+    const [localValue, setLocalValue] = useState(defaultValue);
+    const handleOnChange = (v) => {
+        setLocalValue(v);
+        onChange(v);
+    };
+    const handleOnActionClick = () => {
+        var _a;
+        if (isDeleteAction) {
+            setLocalValue('');
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        onActionClick && onActionClick();
+    };
+    return (React__default.createElement(StyledInput$1, { "data-size": size, className: className, "data-has-action-icon": !!ActionIcon || undefined, "data-has-display-icon": !!DisplayIcon || undefined, "data-has-error": (errorMessage && errorMessage.length > 0) || undefined, style: style },
+        label && (React__default.createElement(Label, { size: "label2", htmlFor: name, className: "inputLabel" }, label)),
+        React__default.createElement("div", { style: { position: 'relative' } },
+            CustomInput ? (CustomInput) : (React__default.createElement("input", Object.assign({ id: name, name: name, placeholder: placeholder, onChange: nativeOnChange !== null && nativeOnChange !== void 0 ? nativeOnChange : ((e) => handleOnChange(e.target.value)), onKeyPress: onKeyPress, type: type, "aria-label": type, disabled: isDisabled, value: localValue, autoComplete: autoComplete, ref: ref, autoFocus: autoFocus, inputMode: isNumerousKeyboard || type === 'number' ? 'numeric' : type, pattern: isNumerousKeyboard ? '[0-9]*' : '.*', onFocus: onFocus, enterKeyHint: enterKeyHint }, other))),
+            DisplayIcon && (React__default.createElement(StyledDisplayIcon, { className: "displayIcon" }, DisplayIcon)),
+            ActionIcon && (React__default.createElement(StyledActionIcon, { className: "actionIcon", onClick: handleOnActionClick }, ActionIcon))),
+        errorMessage && errorMessage.length > 0 && (React__default.createElement(StyledErrorLabel, { className: "errorLabel" }, errorMessage))));
+});
+PureInput.displayName = 'PureInput';
+
+const StyledCheckbox = styled.div `
+  display: flex;
+  cursor: pointer;
+
+  &[data-theme='marryBaby'] {
+    input {
+      width: 20px;
+      height: 20px;
+      border: 1.3px solid ${theme.mbColors.midGray};
+      border-radius: 9px;
+
+      cursor: inherit;
+      transition: border-color 0.4s, box-shadow 0.4s;
+
+      &:hover,
+      &:active {
+        border-color: ${theme.mbColors.cobalt};
+        box-shadow: 0 0 2px 2px ${theme.mbColors.cobalt};
+      }
+
+      &:focus-visible {
+        border: 2px solid ${theme.mbColors.cobalt};
+      }
+
+      &:checked {
+        border: 0;
+        background: ${theme.mbColors.cobalt}
+          url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
+          no-repeat center center;
+      }
+    }
+
+    label {
+      max-width: 15rem;
+      margin-left: 8px;
+      width: calc(100% - 24px);
+      cursor: inherit;
+      font-weight: 600;
+      font-size: 12px;
+      line-height: 20px;
+      letter-spacing: -0.2px;
+      color: ${theme.mbColors.gray};
+    }
+  }
+  input {
+    width: 20px;
+    height: 20px;
+    border: solid 1px ${theme.colors.gray500};
+    border-radius: 2px;
+
+    cursor: inherit;
+    transition: border-color 0.4s, box-shadow 0.4s;
+
+    &:hover,
+    &:active {
+      border-color: ${theme.colors.primaryBase};
+      box-shadow: 0 0 2px 2px ${theme.colors.primary200};
+    }
+
+    &:focus-visible {
+      border: 2px solid ${theme.colors.primaryActive};
+    }
+
+    &:checked {
+      border: 0;
+      background: ${theme.colors.primaryBase}
+        url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
+        no-repeat center center;
+    }
+  }
+
+  label {
+    max-width: 15rem;
+    margin-left: 8px;
+    font-weight: ${theme.sizes.fwRegular};
+    width: calc(100% - 24px);
+    cursor: inherit;
+
+    ${MediaQueries.mbDown} {
+      font-size: 14px;
+      line-height: 24px;
+    }
+
+    ${MediaQueries.mbUp} {
+      font-size: 16px;
+      line-height: 22px;
+    }
+  }
+
+  &[data-is-rectangle] > input {
+    position: relative;
+    width: unset;
+    height: unset;
+    padding: 5px 12px;
+    border: 1px solid ${theme.colors.neutral100};
+    border-radius: 32px;
+
+    &::after {
+      color: ${theme.colors.gray800};
+      content: attr(data-label-text);
+      font-size: 13px;
+    }
+    &:checked {
+      border-color: ${theme.colors.primary50};
+      &::after {
+        color: ${theme.colors.primaryBase};
+      }
+    }
+    &:checked {
+      background: ${theme.colors.primary50};
+    }
+  }
+
+  &[data-disabled] {
+    color: ${theme.colors.gray300};
+    cursor: not-allowed;
+    input {
+      border-color: ${theme.colors.gray300};
+      &:hover {
+        border-color: ${theme.colors.gray300};
+        box-shadow: none;
+      }
+    }
+  }
+`;
+
+/**
+ * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
+ */
+const Checkbox = ({ label, name, checked, className, isDisabled, onChange, value, isRectangle, inputDataTestId, siteType, }) => {
+    return (React__default.createElement(StyledCheckbox, { className: className, "data-disabled": isDisabled || undefined, "data-is-rectangle": isRectangle || undefined, "data-label-text": label, "data-theme": siteType },
+        React__default.createElement("input", { type: "checkbox", checked: checked, name: name, onChange: () => onChange(value, !checked), disabled: isDisabled, value: value, id: `${name}-${value}`, "data-label-text": label, "data-testid": inputDataTestId }),
+        !isRectangle && React__default.createElement("label", { htmlFor: `${name}-${value}` }, label)));
+};
+
+const StyledInput = styled(Input) `
+  box-shadow: 0px 0px 1px 0px #0000000a, 0px 2px 8px 0px #0000000a,
+    0px 10px 16px 0px #0000000a;
+  border-radius: 0.75rem;
+  overflow: hidden;
+
+  input.mantine-Input-input {
+    border: none;
+    font-size: 0.8125rem;
+    line-height: 1.25rem;
+  }
+`;
+const StyledSearchIcon = styled(Search2) `
+  color: ${theme.colors.primaryBase};
+  width: 20px;
+  height: 20px;
+`;
+const SearchInput = (props) => {
+    const { loading, disabled, placeholder, value, onChange, icon = React__default.createElement(StyledSearchIcon, null), className, style } = props, restProps = __rest(props, ["loading", "disabled", "placeholder", "value", "onChange", "icon", "className", "style"]);
+    return (React__default.createElement(StyledInput, Object.assign({ disabled: loading || disabled, size: "lg", value: value, onChange: onChange, type: "text", placeholder: placeholder, className: className, icon: icon, style: style }, restProps, { "data-event-label": value })));
+};
+
+export { Checkbox as C, Pagination as P, StyledSearchIcon as S, PureInput as a, SearchInput as b, Search2 as c };

package/build/esm/{index-7eeea5c7.js → index-2f11afc8.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-191ab44b.js';
+import { B as Button } from './index-33269880.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-3617196d.js → index-2f430321.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-16fdc55c.js';
-import { u as useTranslations } from './index-0b3eda7a.js';
+import { I as Icon } from './index-5f239ba0.js';
+import { u as useTranslations } from './index-af486ec3.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-191ab44b.js → index-33269880.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-d50c14df.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-33684c62.js';
-import { C as CustomStylesType, F as FontWeight } from './text-61cb44ed.js';
+import { A as ANIMATION_DURATION } from './shared-2c32e847.js';
+import { C as CustomStylesType, F as FontWeight } from './text-26186936.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-189691d3.js → index-3cdad85c.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-65e33226.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-0a4ff4ca.js';
-import { u as useTranslations } from './index-0b3eda7a.js';
-import { T as TogetherComponentGlobalContext } from './utils-1702909d.js';
+import { H as Heading } from './index-eed6bc98.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-ab85dac6.js';
+import { u as useTranslations } from './index-af486ec3.js';
+import { T as TogetherComponentGlobalContext } from './utils-d56e9428.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-821ea8b0.js';
+import { T as Text } from './index-c129a5bd.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-d50c14df.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-6781af5c.js → index-3ce984cd.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-733da889.js';
-import { T as TogetherComponentGlobalContext } from './utils-1702909d.js';
+import { B as Button } from './index-da18145b.js';
+import { T as TogetherComponentGlobalContext } from './utils-d56e9428.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-aabf1f0c.js → index-3e9e6b60.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-d50c14df.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-821ea8b0.js';
-import { B as Button } from './index-191ab44b.js';
-import { u as useTranslations } from './index-0b3eda7a.js';
+import { T as Text } from './index-c129a5bd.js';
+import { B as Button } from './index-33269880.js';
+import { u as useTranslations } from './index-af486ec3.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-c5b717b3.js → index-3f970d95.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-d50c14df.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-d4e185e2.js';
-import { D as DatePicker } from './index-53376e93.js';
-import './index-821ea8b0.js';
-import './index-191ab44b.js';
-import './index.styles-57c0d264.js';
-import { u as useTranslations } from './index-0b3eda7a.js';
+import './index-9dbdd688.js';
+import { D as DatePicker } from './index-45d4198f.js';
+import './index-c129a5bd.js';
+import './index-33269880.js';
+import './index.styles-94965ed6.js';
+import { u as useTranslations } from './index-af486ec3.js';
 import '@mantine/hooks';
-import './index-d04d36d4.js';
-import './text-61cb44ed.js';
-import './utils-0a4ff4ca.js';
-import './index-e038eac9.js';
-import { H as HealthToolFormWrapper } from './index-aabf1f0c.js';
-import { G as GenderOptionControl } from './index-934270bc.js';
+import './index-f25b9d2f.js';
+import './text-26186936.js';
+import './utils-ab85dac6.js';
+import './index-17eeebe5.js';
+import { H as HealthToolFormWrapper } from './index-3e9e6b60.js';
+import { G as GenderOptionControl } from './index-dc178688.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-53376e93.js → index-45d4198f.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-d50c14df.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-f701099c.js';
-import './index-f4288484.js';
-import { C as CommonGAssets } from './index-3f06a39d.js';
-import { M as MAPPED_LOCALE } from './index-d04d36d4.js';
-import { L as LOCALE } from './Locale-d9693753.js';
+import { I as ISO_FORMAT } from './index-77a5ed91.js';
+import './index-81bed3a5.js';
+import { C as CommonGAssets } from './index-c66219ba.js';
+import { M as MAPPED_LOCALE } from './index-f25b9d2f.js';
+import { L as LOCALE } from './Locale-008b482e.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-102f1256.js → index-48bc69a1.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-5963bc29.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-d50c14df.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-733da889.js';
-import { H as Heading } from './index-65e33226.js';
-import { u as useTranslations } from './index-0b3eda7a.js';
+import { B as Button } from './index-da18145b.js';
+import { H as Heading } from './index-eed6bc98.js';
+import { u as useTranslations } from './index-af486ec3.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-3ea2bac7.js';
-import { C as CommonGAssets } from './index-3f06a39d.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-edaef6cb.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-00d17c68.js';
+import { C as CommonGAssets } from './index-c66219ba.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-b308040a.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-1702909d.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-baeab712.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-d56e9428.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-895c138b.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-0a4ff4ca.js';
+import { M as MediaQueries } from './utils-ab85dac6.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-09e070fb.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-c026b787.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-afea4102.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-76767acf.js';
-import { a as ProfileDetail, P as PostContent } from './index-e05d9e9e.js';
-import { a as PostImagePreview } from './index-189691d3.js';
-import { S as SocialLinkPreview } from './index-68b47e27.js';
-import { D as Divider } from './index-fa007cdb.js';
-import './index-f701099c.js';
+import { C as CardLink } from './index-af3b4bea.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-b693db76.js';
+import { a as ProfileDetail, P as PostContent } from './index-ca47d75c.js';
+import { a as PostImagePreview } from './index-3cdad85c.js';
+import { S as SocialLinkPreview } from './index-bf65f180.js';
+import { D as Divider } from './index-043ec866.js';
+import './index-77a5ed91.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-bec9aaac.js';
-import { T as Text } from './index-821ea8b0.js';
-import { L as Loading } from './index-c82fa113.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-89b3718a.js';
+import { I as Input } from './index-8bcbdcb9.js';
+import { T as Text } from './index-c129a5bd.js';
+import { L as Loading } from './index-fa4c7a7d.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-19c1a366.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";