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

package/build/esm/index-93eaa212.js

@@ -1,543 +0,0 @@
-import { a as __rest } from './tslib.es6-19e36627.js';
-import React__default, { useRef, useEffect, forwardRef, useState, useLayoutEffect, useMemo } from 'react';
-import { L as LOCALE } from './index-5b698e6e.js';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { CalendarOutline } from '@hhgtech/icons/core';
-import cn from 'classnames';
-import dayjs from 'dayjs';
-import { I as ISO_FORMAT } from './index-96b42b09.js';
-import { getDefaultClassNames, DayPicker } from 'react-day-picker-v9';
-import { ChevronLeft, ChevronRight, ChevronDown } from '@hhgtech/icons/arrow';
-import { vi, id, ms, km, enUS, th, zhTW, hi, zhCN } from 'react-day-picker-v9/locale';
-import styled from '@emotion/styled';
-import { theme } from './miscTheme.js';
-
-const toValidDate = (value) => {
-    if (value instanceof Date && !Number.isNaN(value.getTime())) {
-        return value;
-    }
-    return undefined;
-};
-/**
- * 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).
- */
-const getInitialCalendarMonth = (selected, disabled) => {
-    if (selected && !Number.isNaN(selected.getTime())) {
-        return selected;
-    }
-    const matchers = disabled
-        ? Array.isArray(disabled)
-            ? disabled
-            : [disabled]
-        : [];
-    let latestSelectableUpperBound;
-    for (const matcher of matchers) {
-        if (!matcher || typeof matcher !== 'object' || matcher instanceof Date) {
-            continue;
-        }
-        if ('after' in matcher) {
-            const afterDate = toValidDate(matcher.after);
-            if (afterDate &&
-                (!latestSelectableUpperBound ||
-                    afterDate.getTime() < latestSelectableUpperBound.getTime())) {
-                latestSelectableUpperBound = afterDate;
-            }
-        }
-    }
-    if (latestSelectableUpperBound) {
-        return latestSelectableUpperBound;
-    }
-    for (const matcher of matchers) {
-        if (!matcher || typeof matcher !== 'object' || matcher instanceof Date) {
-            continue;
-        }
-        if ('before' in matcher) {
-            const beforeDate = toValidDate(matcher.before);
-            if (beforeDate) {
-                return beforeDate;
-            }
-        }
-    }
-    return new Date();
-};
-const DAY_PICKER_DEFAULT_LOCALE = enUS;
-const DATE_PICKER_POPOVER_Z_INDEX = 1;
-/** Previous/next month days in grid (not selected). */
-const DAY_PICKER_OUTSIDE_DAY_COLOR = '#111111';
-const DAYS_OF_WEEK = {
-    SUNDAY: 0,
-    MONDAY: 1,
-    TUESDAY: 2,
-    WEDNESDAY: 3,
-    THURSDAY: 4,
-    FRIDAY: 5,
-    SATURDAY: 6,
-};
-const APP_LOCALE_MAP_DAY_PICKER = {
-    [LOCALE.Vietnam]: vi,
-    [LOCALE.Indonesia]: id,
-    [LOCALE.Malaysia]: ms,
-    [LOCALE.Cambodia]: km,
-    [LOCALE.PhilippinesEnglish]: enUS,
-    [LOCALE.PhilippinesTagalog]: enUS,
-    [LOCALE.Thailand]: th,
-    [LOCALE.Myanmar]: enUS,
-    [LOCALE.Taiwan]: zhTW,
-    [LOCALE.India]: hi,
-    [LOCALE.Singapore]: zhCN,
-};
-
-const CELL_SIZE = '2.625rem';
-const StyledRoot = styled.div `
-  width: ${({ $fullWidth }) => ($fullWidth ? '100%' : 'auto')};
-`;
-const StyledLabel = styled.div `
-  margin-bottom: 0.25rem;
-`;
-const StyledError = styled.div `
-  margin-top: 0.25rem;
-  font-size: 0.75rem;
-  color: ${theme.colors.red600};
-`;
-const StyledInputWrapper = styled.div `
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  gap: 0.25rem;
-`;
-const StyledTriggerButton = styled.button `
-  display: flex;
-  width: 100%;
-  height: 2.5rem;
-  align-items: center;
-  justify-content: space-between;
-  border-radius: 0.5rem;
-  border: 1px solid ${theme.colors.gray200};
-  background: ${theme.colors.white};
-  padding: 0.25rem 0.875rem;
-  text-align: left;
-  font-size: 0.875rem;
-  font-weight: 400;
-  color: ${theme.colors.gray800};
-  cursor: pointer;
-
-  &:focus,
-  &:focus-visible {
-    border-color: ${theme.colors.blue600};
-    outline: none;
-    box-shadow: 0 0 0 2px ${theme.colors.blue200};
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-    background: ${theme.colors.gray50};
-    color: ${theme.colors.gray400};
-  }
-
-  [data-slot='placeholder'] {
-    color: ${theme.colors.gray400};
-  }
-
-  svg {
-    width: 18px;
-    height: 18px;
-    flex-shrink: 0;
-    color: ${theme.colors.gray500};
-  }
-`;
-const StyledPopoverContent = styled(PopoverPrimitive.Content) `
-  z-index: ${DATE_PICKER_POPOVER_Z_INDEX};
-  width: auto;
-  overflow: hidden;
-  border-radius: 0.5rem;
-  background: transparent;
-  padding: 0;
-  outline: none;
-`;
-const StyledCalendar = styled.div `
-  --cell-size: ${CELL_SIZE};
-
-  .rdp-root {
-    width: fit-content;
-  }
-
-  .hhg-day-picker {
-    border-radius: 0.5rem;
-    border: 1px solid ${theme.colors.gray200};
-    background: ${theme.colors.white};
-    padding: 0.75rem 1rem;
-  }
-
-  .rdp-months {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    gap: 0.625rem;
-  }
-
-  .rdp-month {
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    gap: 0.625rem;
-  }
-
-  .rdp-nav {
-    position: absolute;
-    inset: 0 0 auto 0;
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: space-between;
-    gap: 0.25rem;
-  }
-
-  .rdp-button_previous,
-  .rdp-button_next {
-    display: flex;
-    width: var(--cell-size);
-    height: var(--cell-size);
-    align-items: center;
-    justify-content: center;
-    padding: 0;
-    user-select: none;
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    color: ${theme.colors.gray700};
-
-    &[aria-disabled='true'] {
-      cursor: not-allowed;
-      opacity: 0.2;
-    }
-
-    svg {
-      width: 24px;
-      height: 24px;
-    }
-  }
-
-  .rdp-month_caption {
-    display: flex;
-    width: 100%;
-    height: var(--cell-size);
-    align-items: center;
-    justify-content: center;
-    padding: 0 var(--cell-size);
-  }
-
-  .rdp-dropdowns {
-    display: flex;
-    width: 100%;
-    height: var(--cell-size);
-    align-items: center;
-    justify-content: center;
-    gap: 0.375rem;
-    font-size: 0.875rem;
-    font-weight: 500;
-  }
-
-  .rdp-dropdown_root {
-    position: relative;
-    border-radius: 0.5rem;
-    border: none;
-
-    &:hover {
-      background: ${theme.colors.gray100};
-    }
-  }
-
-  .rdp-dropdown {
-    position: absolute;
-    inset: 0;
-    opacity: 0;
-    cursor: pointer;
-    background: transparent;
-  }
-
-  .rdp-caption_label {
-    display: flex;
-    height: 2rem;
-    align-items: center;
-    gap: 0.25rem;
-    border-radius: 0.375rem;
-    padding: 0 0.25rem 0 0.5rem;
-    font-size: 1rem;
-    font-weight: 500;
-    color: ${theme.colors.gray800};
-    user-select: none;
-
-    svg {
-      width: 0.875rem;
-      height: 0.875rem;
-      color: ${theme.colors.gray500};
-    }
-  }
-
-  .rdp-weekdays {
-    display: flex;
-    margin-bottom: 0.5rem;
-    color: ${theme.colors.gray500};
-  }
-
-  .rdp-weekday {
-    flex: 1;
-    user-select: none;
-    border-radius: 0.375rem;
-    font-size: 0.8rem;
-    font-weight: 400;
-    text-align: center;
-    color: ${theme.colors.gray500};
-  }
-
-  .rdp-week {
-    display: flex;
-    width: 100%;
-  }
-
-  .rdp-day {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    aspect-ratio: 1 / 1;
-    padding: 0;
-    user-select: none;
-    text-align: center;
-  }
-
-  .rdp-today:not(:has([data-selected-single='true'])):not(
-      :has([data-range-start='true'])
-    ):not(:has([data-range-end='true'])) {
-    border-radius: 0.375rem;
-    background: ${theme.colors.blue50};
-  }
-
-  .rdp-today:has([data-selected-single='true']),
-  .rdp-today:has([data-selected='true']),
-  .rdp-today:has([data-range-start='true']),
-  .rdp-today:has([data-range-end='true']) {
-    background: transparent;
-  }
-
-  .rdp-disabled {
-    cursor: not-allowed !important;
-  }
-
-  .rdp-hidden {
-    visibility: hidden;
-  }
-
-  [data-slot='day-button'] {
-    display: flex;
-    width: 100%;
-    min-width: var(--cell-size);
-    height: auto;
-    aspect-ratio: 1 / 1;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 0.25rem;
-    border: none;
-    border-radius: 0.5rem;
-    background: transparent;
-    font-weight: 400;
-    line-height: 1;
-    color: ${theme.colors.gray800};
-    cursor: pointer;
-
-    &:hover:not(:disabled) {
-      background: ${theme.colors.gray100};
-    }
-
-    &:focus-visible {
-      outline: none;
-    }
-
-    &:disabled {
-      cursor: not-allowed;
-      color: ${theme.colors.gray400};
-    }
-
-    &[data-selected-single='true'],
-    &[data-range-start='true'],
-    &[data-range-end='true'] {
-      background: ${theme.colors.blue600};
-      color: ${theme.colors.white};
-      border-radius: 0.375rem;
-
-      &:hover:not(:disabled) {
-        background: ${theme.colors.blue600};
-        color: ${theme.colors.white};
-      }
-    }
-
-    &[data-range-middle='true'] {
-      border-radius: 0;
-      background: ${theme.colors.blue50};
-      color: ${theme.colors.blue700};
-    }
-  }
-
-  .rdp-outside:not([data-selected='true']):not(.rdp-disabled)
-    [data-slot='day-button']:not([data-selected-single='true']):not(
-      [data-selected='true']
-    ):not(:disabled) {
-    color: ${DAY_PICKER_OUTSIDE_DAY_COLOR};
-  }
-
-  .hhg-day-friday:not(.rdp-disabled)
-    [data-slot='day-button']:not([data-selected-single='true']):not(:disabled),
-  .hhg-day-sunday:not(.rdp-disabled)
-    [data-slot='day-button']:not([data-selected-single='true']):not(:disabled) {
-    color: ${theme.colors.red600};
-  }
-
-  .rdp-today:not(:has([data-selected-single='true'])) [data-slot='day-button'] {
-    color: ${theme.colors.blue700};
-  }
-
-  .rdp-day[data-selected='true'] [data-slot='day-button'],
-  .rdp-day[data-selected='true'] .rdp-day_button {
-    background: ${theme.colors.blue600};
-    color: ${theme.colors.white};
-    border-radius: 0.375rem;
-  }
-
-  .hhg-day-friday [data-slot='day-button'][data-selected-single='true'],
-  .hhg-day-sunday [data-slot='day-button'][data-selected-single='true'],
-  .rdp-today [data-slot='day-button'][data-selected-single='true'],
-  .rdp-outside [data-slot='day-button'][data-selected-single='true'],
-  .rdp-outside [data-slot='day-button'][data-selected='true'] {
-    background: ${theme.colors.blue600};
-    color: ${theme.colors.white};
-  }
-
-  .rdp-disabled [data-slot='day-button'],
-  .rdp-disabled [data-slot='day-button']:disabled {
-    color: ${theme.colors.gray400} !important;
-  }
-`;
-
-function Calendar(props) {
-    const { className, classNames, showOutsideDays = true, captionLayout = 'label', formatters, components, modifiers = {}, modifiersClassNames = {}, locale } = props, rest = __rest(props, ["className", "classNames", "showOutsideDays", "captionLayout", "formatters", "components", "modifiers", "modifiersClassNames", "locale"]);
-    const defaultClassNames = getDefaultClassNames();
-    const localeCode = (locale === null || locale === void 0 ? void 0 : locale.code) || DAY_PICKER_DEFAULT_LOCALE.code;
-    return (React__default.createElement(StyledCalendar, null,
-        React__default.createElement(DayPicker, Object.assign({ locale: locale, showOutsideDays: showOutsideDays, weekStartsOn: DAYS_OF_WEEK.MONDAY, className: cn('hhg-day-picker', className), captionLayout: captionLayout, formatters: Object.assign({ formatMonthDropdown: (date) => date.toLocaleString(localeCode, { month: 'short' }) }, formatters), classNames: Object.assign({ root: cn(defaultClassNames.root), months: cn(defaultClassNames.months), month: cn(defaultClassNames.month), nav: cn(defaultClassNames.nav), button_previous: cn(defaultClassNames.button_previous), button_next: cn(defaultClassNames.button_next), month_caption: cn(defaultClassNames.month_caption), dropdowns: cn(defaultClassNames.dropdowns), dropdown_root: cn(defaultClassNames.dropdown_root), dropdown: cn(defaultClassNames.dropdown), caption_label: cn(defaultClassNames.caption_label), table: 'w-full', weekdays: cn(defaultClassNames.weekdays), weekday: cn(defaultClassNames.weekday), week: cn(defaultClassNames.week), day: cn(defaultClassNames.day), today: cn(defaultClassNames.today), outside: cn(defaultClassNames.outside), disabled: cn(defaultClassNames.disabled), hidden: cn(defaultClassNames.hidden) }, classNames), modifiers: Object.assign({ friday: { dayOfWeek: DAYS_OF_WEEK.SATURDAY }, sunday: { dayOfWeek: DAYS_OF_WEEK.SUNDAY }, today: [new Date()] }, modifiers), modifiersClassNames: Object.assign({ friday: 'hhg-day-friday', sunday: 'hhg-day-sunday' }, modifiersClassNames), components: Object.assign({ Root: (_a) => {
-                    var { className: rootClassName, rootRef } = _a, rootProps = __rest(_a, ["className", "rootRef"]);
-                    return (React__default.createElement("div", Object.assign({ "data-slot": "calendar", ref: rootRef, className: rootClassName }, rootProps)));
-                }, Chevron: (_a) => {
-                    var { className: chevronClassName, orientation } = _a, chevronProps = __rest(_a, ["className", "orientation"]);
-                    if (orientation === 'left') {
-                        return (React__default.createElement(ChevronLeft, Object.assign({ className: chevronClassName }, chevronProps)));
-                    }
-                    if (orientation === 'right') {
-                        return (React__default.createElement(ChevronRight, Object.assign({ className: chevronClassName }, chevronProps)));
-                    }
-                    return (React__default.createElement(ChevronDown, Object.assign({ className: chevronClassName }, chevronProps)));
-                }, DayButton: CalendarDayButton }, components) }, rest))));
-}
-function CalendarDayButton(_a) {
-    var { className, day, modifiers } = _a, props = __rest(_a, ["className", "day", "modifiers"]);
-    const ref = useRef(null);
-    useEffect(() => {
-        var _a;
-        if (modifiers.focused) {
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [modifiers.focused]);
-    const isSelectedSingle = Boolean(modifiers.selected) &&
-        !modifiers.range_start &&
-        !modifiers.range_end &&
-        !modifiers.range_middle;
-    return (React__default.createElement("button", Object.assign({ ref: ref, type: "button", "data-day": day.date.toLocaleDateString(), "data-selected": modifiers.selected ? 'true' : undefined, "data-selected-single": isSelectedSingle ? 'true' : undefined, "data-range-start": modifiers.range_start ? 'true' : undefined, "data-range-end": modifiers.range_end ? 'true' : undefined, "data-range-middle": modifiers.range_middle ? 'true' : undefined, "data-slot": "day-button", className: className }, props)));
-}
-
-const DatePickerV2Input = forwardRef((props, ref) => {
-    var _a, _b;
-    const { name, value, locale = LOCALE.Vietnam, disabled, placeholder, startSection, endSection, buttonProps, wrapperProps, calendarProps, excludeDate, className, onBlur, onChange, } = props;
-    const dayPickerLocale = APP_LOCALE_MAP_DAY_PICKER[locale];
-    const displayFormat = ((_a = ISO_FORMAT[locale]) === null || _a === void 0 ? void 0 : _a.dateFormat) || 'DD/MM/YYYY';
-    const validButtonProps = buttonProps || {};
-    const _c = calendarProps || {}, { disabled: calendarDisabled, month: calendarMonthProp, onMonthChange: calendarOnMonthChange } = _c, restCalendarProps = __rest(_c, ["disabled", "month", "onMonthChange"]);
-    const [open, setOpen] = useState(false);
-    const [innerDate, setInnerDate] = useState(undefined);
-    const [viewMonth, setViewMonth] = useState(() => new Date());
-    const popoverContentRef = useRef(null);
-    useLayoutEffect(() => {
-        if (!open)
-            return;
-        const contentNode = popoverContentRef.current;
-        if (!contentNode)
-            return;
-        const zIndex = String(DATE_PICKER_POPOVER_Z_INDEX);
-        contentNode.style.zIndex = zIndex;
-        const popperWrapper = contentNode.closest('[data-radix-popper-content-wrapper]');
-        if (popperWrapper) {
-            popperWrapper.style.zIndex = zIndex;
-        }
-    }, [open]);
-    const currentDate = (_b = innerDate !== null && innerDate !== void 0 ? innerDate : value) !== null && _b !== void 0 ? _b : undefined;
-    useEffect(() => {
-        setInnerDate(value !== null && value !== void 0 ? value : undefined);
-    }, [value]);
-    useEffect(() => {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
-    }, [innerDate, onBlur]);
-    const disabledMatchers = useMemo(() => {
-        const matchers = [];
-        if (calendarDisabled) {
-            if (Array.isArray(calendarDisabled)) {
-                matchers.push(...calendarDisabled);
-            }
-            else {
-                matchers.push(calendarDisabled);
-            }
-        }
-        if (excludeDate) {
-            matchers.push(excludeDate);
-        }
-        return matchers.length > 0 ? matchers : undefined;
-    }, [calendarDisabled, excludeDate]);
-    useEffect(() => {
-        if (!open)
-            return;
-        setViewMonth(getInitialCalendarMonth(currentDate, disabledMatchers));
-    }, [open, currentDate, disabledMatchers]);
-    const calendarMonth = calendarMonthProp !== null && calendarMonthProp !== void 0 ? calendarMonthProp : viewMonth;
-    const handleMonthChange = (month) => {
-        setViewMonth(month);
-        calendarOnMonthChange === null || calendarOnMonthChange === void 0 ? void 0 : calendarOnMonthChange(month);
-    };
-    return (React__default.createElement(StyledInputWrapper, Object.assign({}, wrapperProps),
-        React__default.createElement(PopoverPrimitive.Root, { open: open, onOpenChange: setOpen },
-            React__default.createElement(PopoverPrimitive.Trigger, { asChild: true },
-                React__default.createElement(StyledTriggerButton, Object.assign({ ref: ref, type: "button", name: name, disabled: disabled, className: cn(className, validButtonProps.className) }, validButtonProps),
-                    startSection,
-                    currentDate ? (React__default.createElement("span", null, dayjs(currentDate).format(displayFormat))) : (React__default.createElement("span", { "data-slot": "placeholder" }, placeholder || displayFormat)), endSection !== null && endSection !== void 0 ? endSection : React__default.createElement(CalendarOutline, null))),
-            React__default.createElement(PopoverPrimitive.Portal, null,
-                React__default.createElement(StyledPopoverContent, { ref: popoverContentRef, align: "start", sideOffset: 8, style: { zIndex: DATE_PICKER_POPOVER_Z_INDEX } },
-                    React__default.createElement(Calendar, Object.assign({}, restCalendarProps, { mode: "single", locale: dayPickerLocale, month: calendarMonth, onMonthChange: handleMonthChange, selected: currentDate, captionLayout: "dropdown", disabled: disabledMatchers, onSelect: (date) => {
-                            onChange === null || onChange === void 0 ? void 0 : onChange(date);
-                            setInnerDate(date);
-                            setOpen(false);
-                        } })))))));
-});
-DatePickerV2Input.displayName = 'DatePickerV2Input';
-
-/**
- * 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.
- */
-const DatePickerV2 = (props) => {
-    const { label, error, fullWidth = true, locale = LOCALE.Vietnam, onChange, className, wrapperProps } = props, rest = __rest(props, ["label", "error", "fullWidth", "locale", "onChange", "className", "wrapperProps"]);
-    return (React__default.createElement(StyledRoot, { "$fullWidth": fullWidth },
-        label ? React__default.createElement(StyledLabel, null, label) : null,
-        React__default.createElement(DatePickerV2Input, Object.assign({}, rest, { locale: locale, className: className, wrapperProps: wrapperProps, onChange: (date) => onChange === null || onChange === void 0 ? void 0 : onChange(date !== null && date !== void 0 ? date : null) })),
-        error && typeof error !== 'boolean' ? (React__default.createElement(StyledError, null, error)) : null,
-        error === true ? React__default.createElement(StyledError, null) : null));
-};
-
-export { Calendar as C, DatePickerV2 as D, CalendarDayButton as a, DatePickerV2Input as b };

package/build/esm/index-af3cafab.js

@@ -1,55 +0,0 @@
-import React__default, { useMemo } from 'react';
-import { D as DatePickerV2 } from './index-93eaa212.js';
-import { u as useTranslations } from './index-984b1af4.js';
-
-const IGNORED_MANTINE_DATE_PICKER_KEYS = [
-    'popoverProps',
-    'rightSection',
-    'leftSection',
-    'sx',
-    'dropdownType',
-    'modalProps',
-    'checked',
-    'onFocus',
-    'classNames',
-    'styles',
-    'maxDate',
-    'minDate',
-    'calendarProps',
-    'value',
-    'onChange',
-];
-function pickDatePickerV2Props(props) {
-    const next = Object.assign({}, props);
-    IGNORED_MANTINE_DATE_PICKER_KEYS.forEach((key) => {
-        delete next[key];
-    });
-    return next;
-}
-const HealthToolDatePicker = (props) => {
-    const { maxDate, minDate, calendarProps, value, onChange } = props;
-    const datePickerV2Props = pickDatePickerV2Props(props);
-    const { locale } = useTranslations();
-    const disabledMatchers = useMemo(() => {
-        const matchers = [];
-        if (calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.disabled) {
-            const disabled = calendarProps.disabled;
-            if (Array.isArray(disabled)) {
-                matchers.push(...disabled);
-            }
-            else {
-                matchers.push(disabled);
-            }
-        }
-        if (maxDate) {
-            matchers.push({ after: maxDate });
-        }
-        if (minDate) {
-            matchers.push({ before: minDate });
-        }
-        return matchers.length ? matchers : undefined;
-    }, [calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.disabled, maxDate, minDate]);
-    return (React__default.createElement(DatePickerV2, Object.assign({}, datePickerV2Props, { locale: locale, value: value !== null && value !== void 0 ? value : null, onChange: (date) => onChange === null || onChange === void 0 ? void 0 : onChange(date !== null && date !== void 0 ? date : null), calendarProps: Object.assign(Object.assign({}, calendarProps), { disabled: disabledMatchers }) })));
-};
-
-export { HealthToolDatePicker as H };

package/build/index-54c96827.js

@@ -1,61 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index$1 = require('./index-ff238933.js');
-var index = require('./index-20eb6aae.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const IGNORED_MANTINE_DATE_PICKER_KEYS = [
-    'popoverProps',
-    'rightSection',
-    'leftSection',
-    'sx',
-    'dropdownType',
-    'modalProps',
-    'checked',
-    'onFocus',
-    'classNames',
-    'styles',
-    'maxDate',
-    'minDate',
-    'calendarProps',
-    'value',
-    'onChange',
-];
-function pickDatePickerV2Props(props) {
-    const next = Object.assign({}, props);
-    IGNORED_MANTINE_DATE_PICKER_KEYS.forEach((key) => {
-        delete next[key];
-    });
-    return next;
-}
-const HealthToolDatePicker = (props) => {
-    const { maxDate, minDate, calendarProps, value, onChange } = props;
-    const datePickerV2Props = pickDatePickerV2Props(props);
-    const { locale } = index.useTranslations();
-    const disabledMatchers = React.useMemo(() => {
-        const matchers = [];
-        if (calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.disabled) {
-            const disabled = calendarProps.disabled;
-            if (Array.isArray(disabled)) {
-                matchers.push(...disabled);
-            }
-            else {
-                matchers.push(disabled);
-            }
-        }
-        if (maxDate) {
-            matchers.push({ after: maxDate });
-        }
-        if (minDate) {
-            matchers.push({ before: minDate });
-        }
-        return matchers.length ? matchers : undefined;
-    }, [calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.disabled, maxDate, minDate]);
-    return (React__default["default"].createElement(index$1.DatePickerV2, Object.assign({}, datePickerV2Props, { locale: locale, value: value !== null && value !== void 0 ? value : null, onChange: (date) => onChange === null || onChange === void 0 ? void 0 : onChange(date !== null && date !== void 0 ? date : null), calendarProps: Object.assign(Object.assign({}, calendarProps), { disabled: disabledMatchers }) })));
-};
-
-exports.HealthToolDatePicker = HealthToolDatePicker;