@hhgtech/hhg-components 1.29.80 → 1.29.82

package/build/esm/footer.js

@@ -1,30 +1,30 @@
-export { F as Footer } from './index-bcd13f1d.js';
+export { F as Footer } from './index-bcedec73.js';
 import 'react';
-import './index-6c0f560b.js';
+import './index-266a32ff.js';
 import 'dayjs';
-import './index-c807ef87.js';
+import './index-6210f454.js';
 import 'date-fns/locale';
-import './index-eeedf0f0.js';
-import './isProduction-2838b9ae.js';
-import './index-92eedeb0.js';
-import './tslib.es6-2673b49d.js';
+import './index-189d7601.js';
+import './isProduction-1937d355.js';
+import './index-9b3a8b6d.js';
+import './tslib.es6-06ba3978.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-80f4d7df.js';
-import './utils-511a24f4.js';
+import './index-9471fca1.js';
+import './utils-d7bbdb52.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-4dcdce19.js';
-import './theme-0af1cc3d.js';
-import './useMantineLocale-1373e175.js';
+import './index-5723381f.js';
+import './theme-7dadf4a1.js';
+import './useMantineLocale-453f8013.js';
+import './index-1d3c6ce7.js';
 import 'classnames';
-import './useUniqueId-d4b0bdd3.js';
+import './useUniqueId-5885911d.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-036458b7.js';
+import './translationsContext-42a1fa63.js';
 import 'string-format';
-import './index-d48b5db6.js';
-import './utils-ff5d88a2.js';
-import './index-d5b66388.js';
-import './index.styled-9e147e72.js';
+import './index-2dc7803d.js';
+import './logoIcon-3a581efb.js';
+import './index-1c9b481b.js';

package/build/esm/gAssets.js

@@ -1,5 +1,5 @@
-export { C as CommonGAssets, G as GAssets } from './index-80f4d7df.js';
-import './index-c807ef87.js';
+export { C as CommonGAssets, G as GAssets } from './index-9471fca1.js';
+import './index-6210f454.js';
 import 'date-fns/locale';
-import './index-eeedf0f0.js';
-import './isProduction-2838b9ae.js';
+import './index-189d7601.js';
+import './isProduction-1937d355.js';

package/build/esm/{getDynamicHealthTool-09fda8b3.js → getDynamicHealthTool-82855adc.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-2673b49d.js';
-import { n as normalizeLinkSlash } from './normalizeLink-38ab69f4.js';
-import { c as getDiscoverApiDomain } from './routing-7bc3e320.js';
-import { g as getDataWithCache } from './core-5a22b83e.js';
+import { a as __awaiter } from './tslib.es6-06ba3978.js';
+import { n as normalizeLinkSlash } from './normalizeLink-7a93ebb9.js';
+import { c as getDiscoverApiDomain } from './routing-9e330438.js';
+import { g as getDataWithCache } from './core-80bfe8b7.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-96301dbb.js → getSocialList-7d2cf48d.js}

@@ -1,10 +1,9 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-2673b49d.js';
-import { I as Instagram } from './Instagram-319a8e34.js';
-import { W as WhatsApp } from './index-13bf84f4.js';
-import { S as SocialType, L as LOCALE } from './index-eeedf0f0.js';
-import { g as getHelloSitesUrl } from './index-ef855343.js';
-import { C as CommonGAssets } from './index-80f4d7df.js';
+import { _ as __rest } from './tslib.es6-06ba3978.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-c599b715.js';
+import { S as SocialType, L as LOCALE } from './index-189d7601.js';
+import { g as getHelloSitesUrl } from './index-c013ba1b.js';
+import { C as CommonGAssets } from './index-9471fca1.js';
 
 const Facebook = (_a) => {
     var { size } = _a, rest = __rest(_a, ["size"]);

package/build/esm/healthToolsForm.js

@@ -0,0 +1,40 @@
+export { a as BabyPoopForm, b as BabyVaccineForm, B as BmiForm, D as DueDateForm, O as OvulationForm, P as PWGForm, T as ThrForm } from './index-ac2a8f95.js';
+import './tslib.es6-06ba3978.js';
+import 'react';
+import 'date-fns';
+import '@mantine/core';
+import '@mantine/form';
+import 'dayjs';
+import './index-9b3a8b6d.js';
+import '@hhgtech/icons/other';
+import '@mantine/hooks';
+import './index-9471fca1.js';
+import './index-6210f454.js';
+import 'date-fns/locale';
+import './index-189d7601.js';
+import './isProduction-1937d355.js';
+import './utils-d7bbdb52.js';
+import '@emotion/styled';
+import '@mantine/carousel';
+import './index-5723381f.js';
+import './theme-7dadf4a1.js';
+import './useMantineLocale-453f8013.js';
+import './index-1d3c6ce7.js';
+import 'classnames';
+import './useUniqueId-5885911d.js';
+import '@hhgtech/icons/core';
+import './index-7c384ae6.js';
+import '@mantine/dates';
+import './useTranslations-b970f667.js';
+import './translationsContext-42a1fa63.js';
+import 'string-format';
+import './constants-fa475b0f.js';
+import 'react-keyed-flatten-children';
+import 'react-hook-form';
+import './useHealthToolCache-6ce1724e.js';
+import './getDynamicHealthTool-82855adc.js';
+import './normalizeLink-7a93ebb9.js';
+import './routing-9e330438.js';
+import './core-80bfe8b7.js';
+import './constants-a5827634.js';
+import './index-8eb04f36.js';

package/build/esm/healthToolsForms.d.ts

@@ -0,0 +1,7 @@
+export { DueDateForm, DueDateFormProps, DueDateFormValue, } from "./components/molecules/healthTools/form/dueDateForm";
+export { BmiForm } from "./components/molecules/healthTools/form/bmiForm";
+export { BabyPoopForm } from "./components/molecules/healthTools/form/babyPoopForm";
+export { ThrForm, ThrFormProps, ThrFormValue, } from "./components/molecules/healthTools/form/thrForm";
+export { OvulationForm, OvulationFormProps, OvulationFormValue, } from "./components/molecules/healthTools/form/ovulationForm";
+export { BabyVaccineForm, BabyVaccineFormProps, BabyVaccineFormValue, } from "./components/molecules/healthTools/form/babyVaccineForm";
+export { PWGForm, PWGFormProps, PWGFormValue, } from "./components/molecules/healthTools/form/pwgForm";

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-adad3b06.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-dfdab229.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-7e020652.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-c70e4fd5.js';
-export { u as useIsInit } from './useIsInit-2c5ff93d.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-7023de23.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-d4b0bdd3.js';
+export { u as useTranslations } from './useTranslations-b970f667.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-909ae7ec.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-553bee0b.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-6ce1724e.js';
+export { u as useIsInit } from './useIsInit-f4dec279.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-210c1134.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-5885911d.js';
 import 'react';
-import './translationsContext-036458b7.js';
+import './translationsContext-42a1fa63.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-2673b49d.js';
-import './cookieHelper-ff6c13b4.js';
-import './index-eeedf0f0.js';
-import './getDynamicHealthTool-09fda8b3.js';
-import './normalizeLink-38ab69f4.js';
-import './routing-7bc3e320.js';
-import './index-c807ef87.js';
+import './tslib.es6-06ba3978.js';
+import './cookieHelper-6c3b4790.js';
+import './index-189d7601.js';
+import './getDynamicHealthTool-82855adc.js';
+import './normalizeLink-7a93ebb9.js';
+import './routing-9e330438.js';
+import './index-6210f454.js';
 import 'date-fns/locale';
-import './isProduction-2838b9ae.js';
-import './core-5a22b83e.js';
+import './isProduction-1937d355.js';
+import './core-80bfe8b7.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-036458b7.js';
-export { T as TranslationsContext } from './translationsContext-036458b7.js';
+import { T as TranslationsContext } from './translationsContext-42a1fa63.js';
+export { T as TranslationsContext } from './translationsContext-42a1fa63.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-036458b7.js';
-export { T as TranslationsContext } from './translationsContext-036458b7.js';
+import { T as TranslationsContext } from './translationsContext-42a1fa63.js';
+export { T as TranslationsContext } from './translationsContext-42a1fa63.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-da2b8f22.js → index-01405723.js}

@@ -1,18 +1,19 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-2673b49d.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-06ba3978.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { c as Input, S as Select } from './index-92eedeb0.js';
+import { c as Input, S as Select } from './index-9b3a8b6d.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-c807ef87.js';
-import { L as LOCALE } from './index-eeedf0f0.js';
-import './index-80f4d7df.js';
-import './useMantineLocale-1373e175.js';
-import './index-4dcdce19.js';
-import './theme-0af1cc3d.js';
-import { u as useTranslations } from './useTranslations-adad3b06.js';
+import { C as CDN_ADDRESS } from './index-6210f454.js';
+import { L as LOCALE } from './index-189d7601.js';
+import './index-9471fca1.js';
+import './useMantineLocale-453f8013.js';
+import './index-5723381f.js';
+import './index-1d3c6ce7.js';
+import './theme-7dadf4a1.js';
+import { u as useTranslations } from './useTranslations-b970f667.js';
 import '@mantine/hooks';
-import './utils-511a24f4.js';
-import { M as MAPPED_LOCALE } from './utils-b14c10f9.js';
+import './utils-d7bbdb52.js';
+import { M as MAPPED_LOCALE } from './utils-6d45bdd1.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/index-01b5d2e9.js

@@ -0,0 +1,202 @@
+import React__default, { useRef, useEffect } from 'react';
+import { Portal } from '@mantine/core';
+import { t as toggleNoScroll } from './utils-d7bbdb52.js';
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import { t as theme } from './theme-7dadf4a1.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-85d9a0ed.js';
+import { T as Text } from './index-5723381f.js';
+
+const DURATION = '600ms';
+const generateStyleBasedOnPlacement = (placement, open) => {
+    switch (placement) {
+        case 'top':
+            return css `
+        top: 0;
+        width: 100%;
+        border-radius: 0px 0px 6px 6px;
+        ${open
+                ? css `
+              animation: ${slideInDown} ${DURATION} ease-in-out forwards;
+            `
+                : null}
+
+        &.slideOut {
+          animation: ${slideOutUp} ${DURATION} ease-in-out forwards;
+        }
+      `;
+        case 'right':
+            return css `
+        right: 0;
+        height: 100%;
+        min-width: 300px;
+        border-radius: 6px 0px 0px 6px;
+
+        ${open
+                ? css `
+              animation: ${slideInRight} ${DURATION} ease-in-out forwards;
+            `
+                : null}
+
+        &.slideOut {
+          animation: ${slideOutRight} ${DURATION} ease-in-out forwards;
+        }
+      `;
+        case 'bottom':
+            return css `
+        bottom: 0;
+        width: 100%;
+        border-radius: 6px 6px 0px 0px;
+        ${open
+                ? css `
+              animation: ${slideInUp} ${DURATION} ease-in-out forwards;
+            `
+                : null}
+
+        &.slideOut {
+          animation: ${slideOutDown} ${DURATION} ease-in-out forwards;
+        }
+      `;
+        case 'left':
+            return css `
+        left: 0;
+        height: 100%;
+        min-width: 300px;
+        border-radius: 0px 6px 6px 0px;
+
+        ${open
+                ? css `
+              animation: ${slideInLeft} ${DURATION} ease-in-out forwards;
+            `
+                : null}
+
+        &.slideOut {
+          animation: ${slideOutLeft} ${DURATION} ease-in-out forwards;
+        }
+      `;
+        default:
+            return css `
+        left: 0;
+        height: 100%;
+        min-width: 300px;
+        border-radius: 0px 6px 6px 0px;
+
+        ${open
+                ? css `
+              animation: ${slideInUp} ${DURATION} ease-in-out forwards;
+            `
+                : null}
+
+        &.slideOut {
+          animation: ${slideOutDown} ${DURATION} ease-in-out forwards;
+        }
+      `;
+    }
+};
+
+const StyledDrawer = styled.div `
+  position: fixed;
+  inset: 0;
+  z-index: ${theme.zIndexes.drawer};
+  pointer-events: ${(props) => (props.open ? 'auto' : 'none')};
+`;
+const StyledDrawerPanel = styled.div `
+  position: fixed;
+  z-index: 300;
+  background: #ffffff;
+  visibility: ${(props) => (props.open ? 'visible' : 'hidden')};
+  max-height: calc(100vh - 100px);
+  display: flex;
+  flex-direction: column;
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px;
+    ${(props) => props.hasTitle
+    ? css `
+            border-bottom: 1px solid ${theme.colors.neutral100};
+          `
+    : null}
+  }
+
+  .close-button {
+    margin-left: auto;
+  }
+
+  ${(props) => generateStyleBasedOnPlacement(props.placement, props.open)}
+`;
+const StyledDrawerContent = styled.div `
+  min-height: 200px;
+  padding: 16px;
+  overflow-y: auto;
+`;
+
+const StyledBackdrop = styled.div `
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  outline: 0;
+  background-color: rgba(38, 38, 38, 0.3);
+  z-index: 1;
+  &[data-open='false'] {
+    visibility: hidden;
+    pointer-events: none;
+  }
+  &[data-open='true'] {
+    visibility: visible;
+    pointer-events: auto;
+  }
+`;
+
+const Backdrop = ({ open = false, onClickOutside, }) => {
+    return (React__default.createElement(StyledBackdrop, { "data-open": open, onClick: onClickOutside }));
+};
+
+/**
+ * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
+ */
+const Drawer = ({ children, title, onClose, open = false, placement = 'left', destroyOnClose = false, isPropagationEvent = true, className, }) => {
+    const ref = useRef();
+    useEffect(() => {
+        toggleNoScroll(open);
+        return () => toggleNoScroll(false);
+    }, [open]);
+    const onCloseDrawer = () => {
+        ref.current.classList.add('slideOut');
+        setTimeout(() => {
+            onClose();
+        }, 800);
+    };
+    if (!open && destroyOnClose) {
+        return null;
+    }
+    return (React__default.createElement(Portal, null,
+        React__default.createElement(StyledDrawer, { className: className, open: open },
+            React__default.createElement(Backdrop, { open: open, onClickOutside: onCloseDrawer }),
+            React__default.createElement(StyledDrawerPanel, { open: open, placement: placement, ref: ref, hasTitle: Boolean(title) },
+                React__default.createElement("div", { className: "title" },
+                    title && (React__default.createElement(Text, { size: "s2", weight: "semiBold" }, title)),
+                    React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: "close-button", onClick: onCloseDrawer },
+                        React__default.createElement("path", { d: "M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z", fill: "#595959" }))),
+                React__default.createElement(StyledDrawerContent, { onClick: (e) => {
+                        if (isPropagationEvent) {
+                            e.stopPropagation();
+                        }
+                    } }, children &&
+                    (React__default.isValidElement(children)
+                        ? children
+                        : typeof children === 'function'
+                            ? children({
+                                internalClose: onCloseDrawer,
+                            })
+                            : null))))));
+};
+
+export { Drawer as D };