@hhgtech/hhg-components 1.29.565-beta-3 → 1.29.566-beta-1

package/build/care.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var index = require('./index-11c4c546.js');
-var constants = require('./constants-7623ac10.js');
-var types = require('./types-833eac67.js');
-require('./tslib.es6-8955693f.js');
+var index = require('./index-1df2ff3e.js');
+var constants = require('./constants-9dee846d.js');
+var types = require('./types-e7b611cd.js');
+require('./tslib.es6-6e217008.js');
 require('react');
 require('@emotion/react');
-require('./utils-9ee55be6.js');
-require('./index-1b55b57e.js');
+require('./utils-6c5ca9bf.js');
+require('./index-e5036c4f.js');
 require('date-fns/locale');
-require('./index-096ce4b2.js');
+require('./index-44b7e21e.js');
 require('./constantsDomainLocales.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
@@ -21,28 +21,28 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-0cfb14f3.js');
+require('./utils-532066e0.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-799da154.js');
-require('./translationsContext-3269557a.js');
+require('./index-20eb6aae.js');
+require('./translationsContext-00c27394.js');
 require('lodash/debounce');
-require('./index-c97eb89b.js');
+require('./index-1de2708e.js');
 require('@mantine/core');
-require('./index-c601fc65.js');
-require('./index-93ea2972.js');
+require('./index-892e2812.js');
+require('./index-381a7f91.js');
 require('lodash/shuffle');
-require('./useOutsideClick-75b992b1.js');
-require('./paths-f2ee57d5.js');
+require('./useOutsideClick-475f50fd.js');
+require('./paths-0bde54b1.js');
 require('@hhgtech/icons/core');
 require('@mantine/hooks');
-require('./index-ec55c959.js');
-require('./ChevronDown-f9878151.js');
+require('./index-e4853f27.js');
+require('./ChevronDown-cc36de76.js');
 require('@hhgtech/icons/arrow');
-require('./index-30eb7428.js');
-require('./index.styles-0f3e661c.js');
-require('./index-9f73a1c0.js');
-require('./shared-3efcd701.js');
+require('./index-957a2532.js');
+require('./index.styles-361fe529.js');
+require('./index-373bc2e3.js');
+require('./shared-6a64788c.js');
 
 
 

package/build/careBookingSearchBar.js

@@ -2,34 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-8955693f.js');
+var tslib_es6 = require('./tslib.es6-6e217008.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-9ee55be6.js');
-var index$1 = require('./index-799da154.js');
+var utils = require('./utils-6c5ca9bf.js');
+var index$1 = require('./index-20eb6aae.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-7623ac10.js');
+var constants = require('./constants-9dee846d.js');
 var styled = require('@emotion/styled');
-var index = require('./index-c97eb89b.js');
-var index$2 = require('./index-c601fc65.js');
+var index = require('./index-1de2708e.js');
+var index$2 = require('./index-892e2812.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-75b992b1.js');
-var utils$1 = require('./utils-0cfb14f3.js');
+var useOutsideClick = require('./useOutsideClick-475f50fd.js');
+var utils$1 = require('./utils-532066e0.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-f2ee57d5.js');
-require('./index-1b55b57e.js');
+var paths = require('./paths-0bde54b1.js');
+require('./index-e5036c4f.js');
 require('date-fns/locale');
-require('./index-096ce4b2.js');
+require('./index-44b7e21e.js');
 require('./constantsDomainLocales.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-3269557a.js');
+require('./translationsContext-00c27394.js');
 require('@mantine/core');
-require('./index-93ea2972.js');
+require('./index-381a7f91.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/careBookingSearchBarV2.js

@@ -6,25 +6,25 @@ var React = require('react');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var utils$1 = require('./utils-9ee55be6.js');
-var useOutsideClick = require('./useOutsideClick-75b992b1.js');
-var index$1 = require('./index-799da154.js');
+var utils$1 = require('./utils-6c5ca9bf.js');
+var useOutsideClick = require('./useOutsideClick-475f50fd.js');
+var index$1 = require('./index-20eb6aae.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-7623ac10.js');
+var constants = require('./constants-9dee846d.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-0cfb14f3.js');
-var index = require('./index-ec55c959.js');
-var index$2 = require('./index-c601fc65.js');
-var ChevronDown = require('./ChevronDown-f9878151.js');
-var tslib_es6 = require('./tslib.es6-8955693f.js');
+var utils = require('./utils-532066e0.js');
+var index = require('./index-e4853f27.js');
+var index$2 = require('./index-892e2812.js');
+var ChevronDown = require('./ChevronDown-cc36de76.js');
+var tslib_es6 = require('./tslib.es6-6e217008.js');
 var arrow = require('@hhgtech/icons/arrow');
-var index$3 = require('./index-30eb7428.js');
-var paths = require('./paths-f2ee57d5.js');
-var index$4 = require('./index-9f73a1c0.js');
-require('./index-1b55b57e.js');
+var index$3 = require('./index-957a2532.js');
+var paths = require('./paths-0bde54b1.js');
+var index$4 = require('./index-373bc2e3.js');
+require('./index-e5036c4f.js');
 require('date-fns/locale');
-require('./index-096ce4b2.js');
+require('./index-44b7e21e.js');
 require('./constantsDomainLocales.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
@@ -32,10 +32,10 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-3269557a.js');
-require('./index-93ea2972.js');
-require('./index.styles-0f3e661c.js');
-require('./shared-3efcd701.js');
+require('./translationsContext-00c27394.js');
+require('./index-381a7f91.js');
+require('./index.styles-361fe529.js');
+require('./shared-6a64788c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/components/atoms/datePickerV2/Calendar.d.ts

@@ -0,0 +1,6 @@
+import React, { ComponentProps } from 'react';
+import { DayButton, DayPicker } from 'react-day-picker-v9';
+export type DatePickerV2CalendarProps = ComponentProps<typeof DayPicker>;
+declare function Calendar(props: DatePickerV2CalendarProps): React.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: ComponentProps<typeof DayButton>): React.JSX.Element;
+export { Calendar as DatePickerV2Calendar, CalendarDayButton };

package/build/components/atoms/datePickerV2/DatePickerInput.d.ts

@@ -0,0 +1,20 @@
+import React, { ComponentProps, ReactNode } from 'react';
+import { LOCALE } from "../../../interfaces/types";
+import { DatePickerV2Calendar } from "./Calendar";
+export type DatePickerV2InputProps = {
+    name?: string;
+    value?: Date | null;
+    disabled?: boolean;
+    placeholder?: string;
+    locale?: LOCALE;
+    startSection?: ReactNode;
+    endSection?: ReactNode;
+    className?: string;
+    buttonProps?: ComponentProps<'button'>;
+    wrapperProps?: ComponentProps<'div'>;
+    calendarProps?: ComponentProps<typeof DatePickerV2Calendar>;
+    excludeDate?: (date: Date) => boolean;
+    onBlur?: () => void;
+    onChange?: (date: Date | undefined) => void;
+};
+export declare const DatePickerV2Input: React.ForwardRefExoticComponent<DatePickerV2InputProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/atoms/datePickerV2/helpers.d.ts

@@ -0,0 +1,33 @@
+import type { Matcher } from 'react-day-picker-v9';
+/**
+ * Month/year shown when the popover opens. Uses the selected date when set;
+ * otherwise picks the latest selectable day from `{ after: … }` disabled rules
+ * (e.g. max birthday for min-age tools like BMI).
+ */
+export declare const getInitialCalendarMonth: (selected: Date | undefined, disabled?: Matcher | Matcher[]) => Date;
+export declare const DAY_PICKER_DEFAULT_LOCALE: Locale;
+export declare const DATE_PICKER_POPOVER_Z_INDEX = 1;
+/** Previous/next month days in grid (not selected). */
+export declare const DAY_PICKER_OUTSIDE_DAY_COLOR = "#111111";
+export declare const DAYS_OF_WEEK: {
+    readonly SUNDAY: 0;
+    readonly MONDAY: 1;
+    readonly TUESDAY: 2;
+    readonly WEDNESDAY: 3;
+    readonly THURSDAY: 4;
+    readonly FRIDAY: 5;
+    readonly SATURDAY: 6;
+};
+export declare const APP_LOCALE_MAP_DAY_PICKER: {
+    "vi-VN": Locale;
+    "id-ID": Locale;
+    "ms-MY": Locale;
+    "km-KH": Locale;
+    "en-PH": Locale;
+    "tl-PH": Locale;
+    "th-TH": Locale;
+    "my-MM": Locale;
+    "zh-TW": Locale;
+    "hi-IN": Locale;
+    "zh-SG": Locale;
+};

package/build/components/atoms/datePickerV2/index.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+import { LOCALE } from "../../../interfaces/types";
+import { DatePickerV2InputProps } from "./DatePickerInput";
+export type DatePickerV2Props = Omit<DatePickerV2InputProps, 'onChange' | 'locale'> & {
+    label?: ReactNode;
+    error?: ReactNode;
+    locale?: LOCALE;
+    fullWidth?: boolean;
+    onChange?: (date: Date | null) => void;
+};
+/**
+ * DatePicker UI ported from hhg-components-v2 (react-day-picker v9 + Radix Popover).
+ * Use this when you need the v2 calendar look inside Mantine-based apps.
+ */
+export declare const DatePickerV2: (props: DatePickerV2Props) => React.JSX.Element;
+export { DatePickerV2Calendar, CalendarDayButton } from "./Calendar";
+export type { DatePickerV2CalendarProps } from "./Calendar";
+export { DatePickerV2Input } from "./DatePickerInput";
+export type { DatePickerV2InputProps } from "./DatePickerInput";
+/** @deprecated Use DatePickerV2Calendar */
+export { DatePickerV2Calendar as DayPickerCalendar } from "./Calendar";
+/** @deprecated Use DatePickerV2CalendarProps */
+export type { DatePickerV2CalendarProps as DayPickerCalendarProps } from "./Calendar";
+/** @deprecated Use DatePickerV2Input */
+export { DatePickerV2Input as DayPickerDatePickerInput } from "./DatePickerInput";
+/** @deprecated Use DatePickerV2InputProps */
+export type { DatePickerV2InputProps as DayPickerDatePickerInputProps } from "./DatePickerInput";

package/build/components/atoms/datePickerV2/index.styled.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export declare const StyledRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    $fullWidth?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledError: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInputWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTriggerButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledPopoverContent: import("@emotion/styled").StyledComponent<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledCalendar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/index.d.ts

@@ -58,6 +58,7 @@ export * from "./drawerComponent";
 export * from "./drawerBottom";
 export * from "./htmlContent";
 export * from "./inputDate";
+export * from "./datePickerV2";
 export * from "./searchInput";
 export * from "./imageUpload";
 export { DragFreeCarousel } from "./DragFreeCarousel";

package/build/components/molecules/healthTools/components/healthToolDatePicker/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { DatePickerV2Props } from "../../../../atoms/datePickerV2";
+export type HealthToolDatePickerProps = Omit<DatePickerV2Props, 'locale' | 'calendarProps' | 'onChange'> & {
+    maxDate?: Date;
+    minDate?: Date;
+    calendarProps?: DatePickerV2Props['calendarProps'];
+    onChange?: (value: Date | null) => void;
+    /** Mantine DatePicker props (ignored when migrating to DatePickerV2) */
+    popoverProps?: unknown;
+    rightSection?: unknown;
+    leftSection?: unknown;
+    sx?: unknown;
+    dropdownType?: unknown;
+    modalProps?: unknown;
+    checked?: unknown;
+    onFocus?: unknown;
+    classNames?: unknown;
+    styles?: unknown;
+};
+export declare const HealthToolDatePicker: (props: HealthToolDatePickerProps) => React.JSX.Element;