@hh.ru/magritte-ui-date-picker 6.1.108 → 6.1.110

package/DatePicker/DayPicker.js

@@ -6,60 +6,105 @@ import { isToday, format, isSameMonth, isSameDay } from 'date-fns';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
 import { useModifierDatesFunc } from '../useModifierDatesFunc.js';
 import { useDayPickerDates } from '../utils.js';
-import { s as styles } from '../date-picker-q91q_We0.js';
+import { s as styles } from '../date-picker-5L5YywN3.js';
 import '../AsyncDataContext.js';
 import '../useModifierDates.js';
 import 'date-fns/constants';
 
 const DayDefault = forwardRef((props, ref) => {
-    const { date, disabled, indicatorCount, isFocusAvailable, isAdjacent, selected, children, additional: _, ...rest } = props;
-    const isDisabled = isAdjacent || disabled;
-    return (jsxs("button", { ...rest, ref: ref, type: "button", className: classnames(styles.text, {
-            [styles.textDisabled]: isDisabled,
-            [styles.textSelected]: selected,
-            [styles.textToday]: isToday(date),
-            [styles.textUnselected]: !isDisabled && !selected,
-        }), tabIndex: isFocusAvailable ? undefined : -1, disabled: isDisabled || selected, "data-date": format(date, 'yyyy-MM-dd'), "data-qa": classnames('date-picker-day', {
-            'date-picker-day-disabled': isDisabled,
-            'date-picker-day-selected': selected,
-            'date-picker-day-today': isToday(date),
-        }), children: [children, indicatorCount && (jsx("div", { className: styles.indicatorContainer, children: [...Array(Math.min(indicatorCount, 3)).keys()].map((i) => (jsx("div", { className: styles.indicator }, i))) }))] }));
+  const {
+    date,
+    disabled,
+    indicatorCount,
+    isFocusAvailable,
+    isAdjacent,
+    selected,
+    children,
+    additional: _,
+    ...rest
+  } = props;
+  const isDisabled = isAdjacent || disabled;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ...rest,
+      ref,
+      type: "button",
+      className: classnames(styles.text, {
+        [styles.textDisabled]: isDisabled,
+        [styles.textSelected]: selected,
+        [styles.textToday]: isToday(date),
+        [styles.textUnselected]: !isDisabled && !selected
+      }),
+      tabIndex: isFocusAvailable ? void 0 : -1,
+      disabled: isDisabled || selected,
+      "data-date": format(date, "yyyy-MM-dd"),
+      "data-qa": classnames("date-picker-day", {
+        "date-picker-day-disabled": isDisabled,
+        "date-picker-day-selected": selected,
+        "date-picker-day-today": isToday(date)
+      }),
+      children: [
+        children,
+        indicatorCount && /* @__PURE__ */ jsx("div", { className: styles.indicatorContainer, children: [...Array(Math.min(indicatorCount, 3)).keys()].map((i) => /* @__PURE__ */ jsx("div", { className: styles.indicator }, i)) })
+      ]
+    }
+  );
 });
-DayDefault.displayName = 'DayDefault';
-const renderDayDefault = (props) => jsx(DayDefault, { ...props });
-const DayPicker = ({ minDate, maxDate, displayDate, selectedDate, showAdjacentDays, onDateSelect, fixedWeeks, stretched, isFocusAvailable = true, modifierDatesMap, renderDay = renderDayDefault, }) => {
-    const dates = useDayPickerDates(displayDate, fixedWeeks);
-    const { disabledDatesFunc, indicatorCountFunc, additionalFunc } = useModifierDatesFunc({
-        startDate: dates[0],
-        endDate: dates[dates.length - 1],
-        modifierDatesMap,
-        minDate,
-        maxDate,
+DayDefault.displayName = "DayDefault";
+const renderDayDefault = (props) => /* @__PURE__ */ jsx(DayDefault, { ...props });
+const DayPicker = ({
+  minDate,
+  maxDate,
+  displayDate,
+  selectedDate,
+  showAdjacentDays,
+  onDateSelect,
+  fixedWeeks,
+  stretched,
+  isFocusAvailable = true,
+  modifierDatesMap,
+  renderDay = renderDayDefault
+}) => {
+  const dates = useDayPickerDates(displayDate, fixedWeeks);
+  const { disabledDatesFunc, indicatorCountFunc, additionalFunc } = useModifierDatesFunc({
+    startDate: dates[0],
+    endDate: dates[dates.length - 1],
+    modifierDatesMap,
+    minDate,
+    maxDate
+  });
+  const forceDisabled = useDisabled();
+  const onClickHandlers = useMemo(() => {
+    return dates.map((date) => {
+      return () => onDateSelect?.(date);
     });
-    const forceDisabled = useDisabled();
-    const onClickHandlers = useMemo(() => {
-        return dates.map((date) => {
-            return () => onDateSelect?.(date);
-        });
-    }, [dates, onDateSelect]);
-    return (jsx("div", { className: classnames(styles.calendar, styles.calendarDays, { [styles.stretched]: stretched }), "data-qa": "date-picker-days", children: dates.map((date, index) => {
-            const isAdjacent = !isSameMonth(date, displayDate);
-            const isDisabled = forceDisabled || disabledDatesFunc(date);
-            const isSelected = !!selectedDate && isSameDay(date, selectedDate);
-            const display = !isAdjacent || showAdjacentDays;
-            const indicatorCount = indicatorCountFunc(date);
-            return (jsx("div", { className: styles.item, children: display ? (renderDay({
-                    date,
-                    isFocusAvailable,
-                    isAdjacent,
-                    indicatorCount,
-                    disabled: isDisabled,
-                    selected: isSelected,
-                    onClick: onClickHandlers[index],
-                    children: format(date, 'd'),
-                    additional: additionalFunc(date),
-                })) : (jsx("div", { className: styles.textEmpty })) }, `${date}`));
-        }) }));
+  }, [dates, onDateSelect]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classnames(styles.calendar, styles.calendarDays, { [styles.stretched]: stretched }),
+      "data-qa": "date-picker-days",
+      children: dates.map((date, index) => {
+        const isAdjacent = !isSameMonth(date, displayDate);
+        const isDisabled = forceDisabled || disabledDatesFunc(date);
+        const isSelected = !!selectedDate && isSameDay(date, selectedDate);
+        const display = !isAdjacent || showAdjacentDays;
+        const indicatorCount = indicatorCountFunc(date);
+        return /* @__PURE__ */ jsx("div", { className: styles.item, children: display ? renderDay({
+          date,
+          isFocusAvailable,
+          isAdjacent,
+          indicatorCount,
+          disabled: isDisabled,
+          selected: isSelected,
+          onClick: onClickHandlers[index],
+          children: format(date, "d"),
+          additional: additionalFunc(date)
+        }) : /* @__PURE__ */ jsx("div", { className: styles.textEmpty }) }, `${date}`);
+      })
+    }
+  );
 };
 
 export { DayDefault, DayPicker };

package/DatePicker/DayPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPicker.js","sources":["src/DatePicker/DayPicker.tsx"],"sourcesContent":["import { FC, useMemo, forwardRef, ForwardedRef, ReactNode } from 'react';\nimport classnames from 'classnames';\nimport { format, isSameDay, isSameMonth, isToday } from 'date-fns';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { DayPickerProps, DayProps } from '@hh.ru/magritte-ui-date-picker/types';\nimport { useModifierDatesFunc } from '@hh.ru/magritte-ui-date-picker/useModifierDatesFunc';\nimport { useDayPickerDates } from '@hh.ru/magritte-ui-date-picker/utils';\n\nimport styles from '../date-picker.less';\n\nexport const DayDefault = forwardRef((props: DayProps, ref: ForwardedRef<HTMLButtonElement>) => {\n    const {\n        date,\n        disabled,\n        indicatorCount,\n        isFocusAvailable,\n        isAdjacent,\n        selected,\n        children,\n        additional: _,\n        ...rest\n    } = props;\n    const isDisabled = isAdjacent || disabled;\n\n    return (\n        <button\n            {...rest}\n            ref={ref}\n            type=\"button\"\n            className={classnames(styles.text, {\n                [styles.textDisabled]: isDisabled,\n                [styles.textSelected]: selected,\n                [styles.textToday]: isToday(date),\n                [styles.textUnselected]: !isDisabled && !selected,\n            })}\n            tabIndex={isFocusAvailable ? undefined : -1}\n            disabled={isDisabled || selected}\n            data-date={format(date, 'yyyy-MM-dd')}\n            data-qa={classnames('date-picker-day', {\n                'date-picker-day-disabled': isDisabled,\n                'date-picker-day-selected': selected,\n                'date-picker-day-today': isToday(date),\n            })}\n        >\n            {children}\n            {indicatorCount && (\n                <div className={styles.indicatorContainer}>\n                    {[...Array(Math.min(indicatorCount, 3)).keys()].map((i) => (\n                        <div key={i} className={styles.indicator} />\n                    ))}\n                </div>\n            )}\n        </button>\n    );\n});\n\nDayDefault.displayName = 'DayDefault';\n\nconst renderDayDefault = (props: DayProps): ReactNode => <DayDefault {...props} />;\n\nexport const DayPicker: FC<DayPickerProps> = ({\n    minDate,\n    maxDate,\n    displayDate,\n    selectedDate,\n    showAdjacentDays,\n    onDateSelect,\n    fixedWeeks,\n    stretched,\n    isFocusAvailable = true,\n    modifierDatesMap,\n    renderDay = renderDayDefault,\n}) => {\n    const dates = useDayPickerDates(displayDate, fixedWeeks);\n    const { disabledDatesFunc, indicatorCountFunc, additionalFunc } = useModifierDatesFunc({\n        startDate: dates[0],\n        endDate: dates[dates.length - 1],\n        modifierDatesMap,\n        minDate,\n        maxDate,\n    });\n    const forceDisabled = useDisabled();\n\n    const onClickHandlers = useMemo(() => {\n        return dates.map((date) => {\n            return () => onDateSelect?.(date);\n        });\n    }, [dates, onDateSelect]);\n\n    return (\n        <div\n            className={classnames(styles.calendar, styles.calendarDays, { [styles.stretched]: stretched })}\n            data-qa=\"date-picker-days\"\n        >\n            {dates.map((date, index) => {\n                const isAdjacent = !isSameMonth(date, displayDate);\n                const isDisabled = forceDisabled || disabledDatesFunc(date);\n                const isSelected = !!selectedDate && isSameDay(date, selectedDate);\n                const display = !isAdjacent || showAdjacentDays;\n                const indicatorCount = indicatorCountFunc(date);\n\n                return (\n                    <div className={styles.item} key={`${date}`}>\n                        {display ? (\n                            renderDay({\n                                date,\n                                isFocusAvailable,\n                                isAdjacent,\n                                indicatorCount,\n                                disabled: isDisabled,\n                                selected: isSelected,\n                                onClick: onClickHandlers[index],\n                                children: format(date, 'd'),\n                                additional: additionalFunc(date),\n                            })\n                        ) : (\n                            <div className={styles.textEmpty} />\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"DayPicker.js","sources":["src/DatePicker/DayPicker.tsx"],"sourcesContent":["import { FC, useMemo, forwardRef, ForwardedRef, ReactNode } from 'react';\nimport classnames from 'classnames';\nimport { format, isSameDay, isSameMonth, isToday } from 'date-fns';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { DayPickerProps, DayProps } from '@hh.ru/magritte-ui-date-picker/types';\nimport { useModifierDatesFunc } from '@hh.ru/magritte-ui-date-picker/useModifierDatesFunc';\nimport { useDayPickerDates } from '@hh.ru/magritte-ui-date-picker/utils';\n\nimport styles from '../date-picker.less';\n\nexport const DayDefault = forwardRef((props: DayProps, ref: ForwardedRef<HTMLButtonElement>) => {\n    const {\n        date,\n        disabled,\n        indicatorCount,\n        isFocusAvailable,\n        isAdjacent,\n        selected,\n        children,\n        additional: _,\n        ...rest\n    } = props;\n    const isDisabled = isAdjacent || disabled;\n\n    return (\n        <button\n            {...rest}\n            ref={ref}\n            type=\"button\"\n            className={classnames(styles.text, {\n                [styles.textDisabled]: isDisabled,\n                [styles.textSelected]: selected,\n                [styles.textToday]: isToday(date),\n                [styles.textUnselected]: !isDisabled && !selected,\n            })}\n            tabIndex={isFocusAvailable ? undefined : -1}\n            disabled={isDisabled || selected}\n            data-date={format(date, 'yyyy-MM-dd')}\n            data-qa={classnames('date-picker-day', {\n                'date-picker-day-disabled': isDisabled,\n                'date-picker-day-selected': selected,\n                'date-picker-day-today': isToday(date),\n            })}\n        >\n            {children}\n            {indicatorCount && (\n                <div className={styles.indicatorContainer}>\n                    {[...Array(Math.min(indicatorCount, 3)).keys()].map((i) => (\n                        <div key={i} className={styles.indicator} />\n                    ))}\n                </div>\n            )}\n        </button>\n    );\n});\n\nDayDefault.displayName = 'DayDefault';\n\nconst renderDayDefault = (props: DayProps): ReactNode => <DayDefault {...props} />;\n\nexport const DayPicker: FC<DayPickerProps> = ({\n    minDate,\n    maxDate,\n    displayDate,\n    selectedDate,\n    showAdjacentDays,\n    onDateSelect,\n    fixedWeeks,\n    stretched,\n    isFocusAvailable = true,\n    modifierDatesMap,\n    renderDay = renderDayDefault,\n}) => {\n    const dates = useDayPickerDates(displayDate, fixedWeeks);\n    const { disabledDatesFunc, indicatorCountFunc, additionalFunc } = useModifierDatesFunc({\n        startDate: dates[0],\n        endDate: dates[dates.length - 1],\n        modifierDatesMap,\n        minDate,\n        maxDate,\n    });\n    const forceDisabled = useDisabled();\n\n    const onClickHandlers = useMemo(() => {\n        return dates.map((date) => {\n            return () => onDateSelect?.(date);\n        });\n    }, [dates, onDateSelect]);\n\n    return (\n        <div\n            className={classnames(styles.calendar, styles.calendarDays, { [styles.stretched]: stretched })}\n            data-qa=\"date-picker-days\"\n        >\n            {dates.map((date, index) => {\n                const isAdjacent = !isSameMonth(date, displayDate);\n                const isDisabled = forceDisabled || disabledDatesFunc(date);\n                const isSelected = !!selectedDate && isSameDay(date, selectedDate);\n                const display = !isAdjacent || showAdjacentDays;\n                const indicatorCount = indicatorCountFunc(date);\n\n                return (\n                    <div className={styles.item} key={`${date}`}>\n                        {display ? (\n                            renderDay({\n                                date,\n                                isFocusAvailable,\n                                isAdjacent,\n                                indicatorCount,\n                                disabled: isDisabled,\n                                selected: isSelected,\n                                onClick: onClickHandlers[index],\n                                children: format(date, 'd'),\n                                additional: additionalFunc(date),\n                            })\n                        ) : (\n                            <div className={styles.textEmpty} />\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/DatePicker/MobileDatePickerWithScroll.d.ts

@@ -1,4 +1,4 @@
-import { DatePickerProps, DateType, ModifierDatesMap } from '@hh.ru/magritte-ui-date-picker/types';
+import { DatePickerProps, DateType, ModifierDatesMap } from '../types';
 declare const MobileDatePickerWithScroll: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "displayDate" | "mobileScrollHorizontal"> & {
     displayDate: DateType;
     modifierDatesMap: ModifierDatesMap;

package/DatePicker/MobileDatePickerWithScroll.js

@@ -13,7 +13,7 @@ import { YearPicker } from '../YearPicker.js';
 import { useDatePickerControls } from '../useDatePickerControls.js';
 import { useMobileHorizontalScroll } from '../useMobileHorizontalScroll.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-q91q_We0.js';
+import { s as styles } from '../date-picker-5L5YywN3.js';
 import 'classnames';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';
@@ -30,41 +30,137 @@ import '@hh.ru/magritte-internal-custom-scroll';
 import '../useIntervalPicker.js';
 
 const MobileDatePickerWithScroll = forwardRef((props, ref) => {
-    const { modifierDatesFunc, displayDate, enabledCalendars, minDate, maxDate, selectedDate, 
+  const {
+    modifierDatesFunc,
+    displayDate,
+    enabledCalendars,
+    minDate,
+    maxDate,
+    selectedDate,
     // колбеки
-    onDisplayDateChange, onDateSelect, 
+    onDisplayDateChange,
+    onDateSelect,
     // настройки внешнего вида
-    activeHeader, alignHeader, headerMonthFormat, locale, showAdjacentDays = true, showControls, showHeader = true, showHeaderDate, showDivider = true, showWeekdays = true, modifierDatesMap, renderDay, } = props;
-    const { visibleDate, changeDate, onVisibleItemChange, onTouchEnd } = useMobileHorizontalScroll(displayDate, onDisplayDateChange);
-    const { calendar, switchCalendar, zoomIntoMonth, zoomIntoYear, goToNextPeriod, goToPrevPeriod } = useDatePickerControls(enabledCalendars, visibleDate, changeDate);
-    const makeDate = useCallback((index) => {
-        if (calendar === 'day') {
-            return add(displayDate, { months: index });
-        }
-        if (calendar === 'month') {
-            return add(displayDate, { years: index });
-        }
-        return add(displayDate, { years: 12 * index });
-    }, [displayDate, calendar]);
-    const renderDate = useCallback((date, isFocusAvailable) => {
-        return (jsxs(AsyncDataLoader, { children: [calendar === 'day' && (jsx(DayPicker, { displayDate: date, selectedDate: selectedDate, onDateSelect: onDateSelect, showAdjacentDays: showAdjacentDays, minDate: minDate, maxDate: maxDate, isFocusAvailable: isFocusAvailable, modifierDatesMap: modifierDatesMap, renderDay: renderDay, fixedWeeks: true })), calendar === 'month' && (jsx(MonthPicker, { locale: locale, displayDate: date, selectedDate: selectedDate, onDateSelect: enabledCalendars.startsWith('dd') ? zoomIntoMonth : onDateSelect, isFocusAvailable: isFocusAvailable })), calendar === 'year' && (jsx(YearPicker, { displayDate: date, selectedDate: selectedDate, onDateSelect: zoomIntoYear, isFocusAvailable: isFocusAvailable }))] }));
-    }, [
-        modifierDatesMap,
-        onDateSelect,
-        showAdjacentDays,
-        selectedDate,
+    activeHeader,
+    alignHeader,
+    headerMonthFormat,
+    locale,
+    showAdjacentDays = true,
+    showControls,
+    showHeader = true,
+    showHeaderDate,
+    showDivider = true,
+    showWeekdays = true,
+    modifierDatesMap,
+    renderDay
+  } = props;
+  const { visibleDate, changeDate, onVisibleItemChange, onTouchEnd } = useMobileHorizontalScroll(
+    displayDate,
+    onDisplayDateChange
+  );
+  const { calendar, switchCalendar, zoomIntoMonth, zoomIntoYear, goToNextPeriod, goToPrevPeriod } = useDatePickerControls(enabledCalendars, visibleDate, changeDate);
+  const makeDate = useCallback(
+    (index) => {
+      if (calendar === "day") {
+        return add(displayDate, { months: index });
+      }
+      if (calendar === "month") {
+        return add(displayDate, { years: index });
+      }
+      return add(displayDate, { years: 12 * index });
+    },
+    [displayDate, calendar]
+  );
+  const renderDate = useCallback(
+    (date, isFocusAvailable) => {
+      return /* @__PURE__ */ jsxs(AsyncDataLoader, { children: [
+        calendar === "day" && /* @__PURE__ */ jsx(
+          DayPicker,
+          {
+            displayDate: date,
+            selectedDate,
+            onDateSelect,
+            showAdjacentDays,
+            minDate,
+            maxDate,
+            isFocusAvailable,
+            modifierDatesMap,
+            renderDay,
+            fixedWeeks: true
+          }
+        ),
+        calendar === "month" && /* @__PURE__ */ jsx(
+          MonthPicker,
+          {
+            locale,
+            displayDate: date,
+            selectedDate,
+            onDateSelect: enabledCalendars.startsWith("dd") ? zoomIntoMonth : onDateSelect,
+            isFocusAvailable
+          }
+        ),
+        calendar === "year" && /* @__PURE__ */ jsx(
+          YearPicker,
+          {
+            displayDate: date,
+            selectedDate,
+            onDateSelect: zoomIntoYear,
+            isFocusAvailable
+          }
+        )
+      ] });
+    },
+    [
+      modifierDatesMap,
+      onDateSelect,
+      showAdjacentDays,
+      selectedDate,
+      calendar,
+      zoomIntoMonth,
+      zoomIntoYear,
+      enabledCalendars,
+      locale,
+      minDate,
+      maxDate,
+      renderDay
+    ]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: styles.layoutVertical, ref, children: [
+    showHeader && /* @__PURE__ */ jsx(
+      Header,
+      {
         calendar,
-        zoomIntoMonth,
-        zoomIntoYear,
-        enabledCalendars,
+        displayDate: visibleDate,
+        activeHeader,
+        alignHeader,
+        goToNextPeriod,
+        goToPrevPeriod,
+        headerMonthFormat,
         locale,
-        minDate,
-        maxDate,
-        renderDay,
-    ]);
-    return (jsxs("div", { className: styles.layoutVertical, ref: ref, children: [showHeader && (jsx(Header, { calendar: calendar, displayDate: visibleDate, activeHeader: activeHeader, alignHeader: alignHeader, goToNextPeriod: goToNextPeriod, goToPrevPeriod: goToPrevPeriod, headerMonthFormat: headerMonthFormat, locale: locale, showControls: showControls, showHeaderDate: showHeaderDate, switchCalendar: switchCalendar })), showWeekdays && calendar === 'day' && jsx(Weekdays, { locale: locale }), showDivider && (showHeader || showWeekdays) && jsx(Divider, {}), jsx(AsyncDataStore, { modifierDatesFunc: modifierDatesFunc, parallelLoadersLimit: 1, children: jsx(InfiniteScroll, { axis: "horizontal", initialRenderedItems: 5, invisibleThreshold: 100, visibleThreshold: 50, makeItemFunc: makeDate, renderItemFunc: renderDate, onTouchEnd: onTouchEnd, onVisibleItemChange: onVisibleItemChange }) })] }));
+        showControls,
+        showHeaderDate,
+        switchCalendar
+      }
+    ),
+    showWeekdays && calendar === "day" && /* @__PURE__ */ jsx(Weekdays, { locale }),
+    showDivider && (showHeader || showWeekdays) && /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(AsyncDataStore, { modifierDatesFunc, parallelLoadersLimit: 1, children: /* @__PURE__ */ jsx(
+      InfiniteScroll,
+      {
+        axis: "horizontal",
+        initialRenderedItems: 5,
+        invisibleThreshold: 100,
+        visibleThreshold: 50,
+        makeItemFunc: makeDate,
+        renderItemFunc: renderDate,
+        onTouchEnd,
+        onVisibleItemChange
+      }
+    ) })
+  ] });
 });
-MobileDatePickerWithScroll.displayName = 'MobileDatePickerWithScroll';
+MobileDatePickerWithScroll.displayName = "MobileDatePickerWithScroll";
+var MobileDatePickerWithScroll_default = MobileDatePickerWithScroll;
 
-export { MobileDatePickerWithScroll as default };
+export { MobileDatePickerWithScroll_default as default };
 //# sourceMappingURL=MobileDatePickerWithScroll.js.map

package/DatePicker/MobileDatePickerWithScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileDatePickerWithScroll.js","sources":["src/DatePicker/MobileDatePickerWithScroll.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react';\nimport { add } from 'date-fns';\n\nimport { AsyncDataLoader } from '@hh.ru/magritte-ui-date-picker/AsyncDataLoader';\nimport { AsyncDataStore } from '@hh.ru/magritte-ui-date-picker/AsyncDataStore';\nimport { DayPicker } from '@hh.ru/magritte-ui-date-picker/DatePicker/DayPicker';\nimport { Header } from '@hh.ru/magritte-ui-date-picker/Header';\nimport { InfiniteScroll } from '@hh.ru/magritte-ui-date-picker/InfiniteScroll';\nimport { MonthPicker } from '@hh.ru/magritte-ui-date-picker/MonthPicker';\nimport { Weekdays } from '@hh.ru/magritte-ui-date-picker/Weekdays';\nimport { YearPicker } from '@hh.ru/magritte-ui-date-picker/YearPicker';\nimport { DatePickerProps, DateType, ModifierDatesMap } from '@hh.ru/magritte-ui-date-picker/types';\nimport { useDatePickerControls } from '@hh.ru/magritte-ui-date-picker/useDatePickerControls';\nimport { useMobileHorizontalScroll } from '@hh.ru/magritte-ui-date-picker/useMobileHorizontalScroll';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\n\nimport styles from '../date-picker.less';\n\ntype MobileDatePickerWithScrollProps = Omit<DatePickerProps, 'mobileScrollHorizontal' | 'displayDate'> & {\n    displayDate: DateType;\n    modifierDatesMap: ModifierDatesMap;\n};\n\nconst MobileDatePickerWithScroll = forwardRef<HTMLDivElement, MobileDatePickerWithScrollProps>((props, ref) => {\n    const {\n        modifierDatesFunc,\n        displayDate,\n        enabledCalendars,\n        minDate,\n        maxDate,\n        selectedDate,\n        // колбеки\n        onDisplayDateChange,\n        onDateSelect,\n        // настройки внешнего вида\n        activeHeader,\n        alignHeader,\n        headerMonthFormat,\n        locale,\n        showAdjacentDays = true,\n        showControls,\n        showHeader = true,\n        showHeaderDate,\n        showDivider = true,\n        showWeekdays = true,\n        modifierDatesMap,\n        renderDay,\n    } = props;\n\n    const { visibleDate, changeDate, onVisibleItemChange, onTouchEnd } = useMobileHorizontalScroll(\n        displayDate,\n        onDisplayDateChange\n    );\n\n    const { calendar, switchCalendar, zoomIntoMonth, zoomIntoYear, goToNextPeriod, goToPrevPeriod } =\n        useDatePickerControls(enabledCalendars, visibleDate, changeDate);\n\n    const makeDate = useCallback(\n        (index: number) => {\n            if (calendar === 'day') {\n                return add(displayDate, { months: index });\n            }\n            if (calendar === 'month') {\n                return add(displayDate, { years: index });\n            }\n\n            return add(displayDate, { years: 12 * index });\n        },\n        [displayDate, calendar]\n    );\n\n    const renderDate = useCallback(\n        (date: DateType, isFocusAvailable?: boolean) => {\n            return (\n                <AsyncDataLoader>\n                    {calendar === 'day' && (\n                        <DayPicker\n                            displayDate={date}\n                            selectedDate={selectedDate}\n                            onDateSelect={onDateSelect}\n                            showAdjacentDays={showAdjacentDays}\n                            minDate={minDate}\n                            maxDate={maxDate}\n                            isFocusAvailable={isFocusAvailable}\n                            modifierDatesMap={modifierDatesMap}\n                            renderDay={renderDay}\n                            fixedWeeks\n                        />\n                    )}\n                    {calendar === 'month' && (\n                        <MonthPicker\n                            locale={locale}\n                            displayDate={date}\n                            selectedDate={selectedDate}\n                            onDateSelect={enabledCalendars.startsWith('dd') ? zoomIntoMonth : onDateSelect}\n                            isFocusAvailable={isFocusAvailable}\n                        />\n                    )}\n                    {calendar === 'year' && (\n                        <YearPicker\n                            displayDate={date}\n                            selectedDate={selectedDate}\n                            onDateSelect={zoomIntoYear}\n                            isFocusAvailable={isFocusAvailable}\n                        />\n                    )}\n                </AsyncDataLoader>\n            );\n        },\n        [\n            modifierDatesMap,\n            onDateSelect,\n            showAdjacentDays,\n            selectedDate,\n            calendar,\n            zoomIntoMonth,\n            zoomIntoYear,\n            enabledCalendars,\n            locale,\n            minDate,\n            maxDate,\n            renderDay,\n        ]\n    );\n\n    return (\n        <div className={styles.layoutVertical} ref={ref}>\n            {showHeader && (\n                <Header\n                    calendar={calendar}\n                    displayDate={visibleDate}\n                    activeHeader={activeHeader}\n                    alignHeader={alignHeader}\n                    goToNextPeriod={goToNextPeriod}\n                    goToPrevPeriod={goToPrevPeriod}\n                    headerMonthFormat={headerMonthFormat}\n                    locale={locale}\n                    showControls={showControls}\n                    showHeaderDate={showHeaderDate}\n                    switchCalendar={switchCalendar}\n                />\n            )}\n            {showWeekdays && calendar === 'day' && <Weekdays locale={locale} />}\n            {showDivider && (showHeader || showWeekdays) && <Divider />}\n            <AsyncDataStore modifierDatesFunc={modifierDatesFunc} parallelLoadersLimit={1}>\n                <InfiniteScroll\n                    axis=\"horizontal\"\n                    initialRenderedItems={5}\n                    invisibleThreshold={100}\n                    visibleThreshold={50}\n                    makeItemFunc={makeDate}\n                    renderItemFunc={renderDate}\n                    onTouchEnd={onTouchEnd}\n                    onVisibleItemChange={onVisibleItemChange}\n                />\n            </AsyncDataStore>\n        </div>\n    );\n});\n\nMobileDatePickerWithScroll.displayName = 'MobileDatePickerWithScroll';\n\nexport default MobileDatePickerWithScroll;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"MobileDatePickerWithScroll.js","sources":["src/DatePicker/MobileDatePickerWithScroll.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react';\nimport { add } from 'date-fns';\n\nimport { AsyncDataLoader } from '@hh.ru/magritte-ui-date-picker/AsyncDataLoader';\nimport { AsyncDataStore } from '@hh.ru/magritte-ui-date-picker/AsyncDataStore';\nimport { DayPicker } from '@hh.ru/magritte-ui-date-picker/DatePicker/DayPicker';\nimport { Header } from '@hh.ru/magritte-ui-date-picker/Header';\nimport { InfiniteScroll } from '@hh.ru/magritte-ui-date-picker/InfiniteScroll';\nimport { MonthPicker } from '@hh.ru/magritte-ui-date-picker/MonthPicker';\nimport { Weekdays } from '@hh.ru/magritte-ui-date-picker/Weekdays';\nimport { YearPicker } from '@hh.ru/magritte-ui-date-picker/YearPicker';\nimport { DatePickerProps, DateType, ModifierDatesMap } from '@hh.ru/magritte-ui-date-picker/types';\nimport { useDatePickerControls } from '@hh.ru/magritte-ui-date-picker/useDatePickerControls';\nimport { useMobileHorizontalScroll } from '@hh.ru/magritte-ui-date-picker/useMobileHorizontalScroll';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\n\nimport styles from '../date-picker.less';\n\ntype MobileDatePickerWithScrollProps = Omit<DatePickerProps, 'mobileScrollHorizontal' | 'displayDate'> & {\n    displayDate: DateType;\n    modifierDatesMap: ModifierDatesMap;\n};\n\nconst MobileDatePickerWithScroll = forwardRef<HTMLDivElement, MobileDatePickerWithScrollProps>((props, ref) => {\n    const {\n        modifierDatesFunc,\n        displayDate,\n        enabledCalendars,\n        minDate,\n        maxDate,\n        selectedDate,\n        // колбеки\n        onDisplayDateChange,\n        onDateSelect,\n        // настройки внешнего вида\n        activeHeader,\n        alignHeader,\n        headerMonthFormat,\n        locale,\n        showAdjacentDays = true,\n        showControls,\n        showHeader = true,\n        showHeaderDate,\n        showDivider = true,\n        showWeekdays = true,\n        modifierDatesMap,\n        renderDay,\n    } = props;\n\n    const { visibleDate, changeDate, onVisibleItemChange, onTouchEnd } = useMobileHorizontalScroll(\n        displayDate,\n        onDisplayDateChange\n    );\n\n    const { calendar, switchCalendar, zoomIntoMonth, zoomIntoYear, goToNextPeriod, goToPrevPeriod } =\n        useDatePickerControls(enabledCalendars, visibleDate, changeDate);\n\n    const makeDate = useCallback(\n        (index: number) => {\n            if (calendar === 'day') {\n                return add(displayDate, { months: index });\n            }\n            if (calendar === 'month') {\n                return add(displayDate, { years: index });\n            }\n\n            return add(displayDate, { years: 12 * index });\n        },\n        [displayDate, calendar]\n    );\n\n    const renderDate = useCallback(\n        (date: DateType, isFocusAvailable?: boolean) => {\n            return (\n                <AsyncDataLoader>\n                    {calendar === 'day' && (\n                        <DayPicker\n                            displayDate={date}\n                            selectedDate={selectedDate}\n                            onDateSelect={onDateSelect}\n                            showAdjacentDays={showAdjacentDays}\n                            minDate={minDate}\n                            maxDate={maxDate}\n                            isFocusAvailable={isFocusAvailable}\n                            modifierDatesMap={modifierDatesMap}\n                            renderDay={renderDay}\n                            fixedWeeks\n                        />\n                    )}\n                    {calendar === 'month' && (\n                        <MonthPicker\n                            locale={locale}\n                            displayDate={date}\n                            selectedDate={selectedDate}\n                            onDateSelect={enabledCalendars.startsWith('dd') ? zoomIntoMonth : onDateSelect}\n                            isFocusAvailable={isFocusAvailable}\n                        />\n                    )}\n                    {calendar === 'year' && (\n                        <YearPicker\n                            displayDate={date}\n                            selectedDate={selectedDate}\n                            onDateSelect={zoomIntoYear}\n                            isFocusAvailable={isFocusAvailable}\n                        />\n                    )}\n                </AsyncDataLoader>\n            );\n        },\n        [\n            modifierDatesMap,\n            onDateSelect,\n            showAdjacentDays,\n            selectedDate,\n            calendar,\n            zoomIntoMonth,\n            zoomIntoYear,\n            enabledCalendars,\n            locale,\n            minDate,\n            maxDate,\n            renderDay,\n        ]\n    );\n\n    return (\n        <div className={styles.layoutVertical} ref={ref}>\n            {showHeader && (\n                <Header\n                    calendar={calendar}\n                    displayDate={visibleDate}\n                    activeHeader={activeHeader}\n                    alignHeader={alignHeader}\n                    goToNextPeriod={goToNextPeriod}\n                    goToPrevPeriod={goToPrevPeriod}\n                    headerMonthFormat={headerMonthFormat}\n                    locale={locale}\n                    showControls={showControls}\n                    showHeaderDate={showHeaderDate}\n                    switchCalendar={switchCalendar}\n                />\n            )}\n            {showWeekdays && calendar === 'day' && <Weekdays locale={locale} />}\n            {showDivider && (showHeader || showWeekdays) && <Divider />}\n            <AsyncDataStore modifierDatesFunc={modifierDatesFunc} parallelLoadersLimit={1}>\n                <InfiniteScroll\n                    axis=\"horizontal\"\n                    initialRenderedItems={5}\n                    invisibleThreshold={100}\n                    visibleThreshold={50}\n                    makeItemFunc={makeDate}\n                    renderItemFunc={renderDate}\n                    onTouchEnd={onTouchEnd}\n                    onVisibleItemChange={onVisibleItemChange}\n                />\n            </AsyncDataStore>\n        </div>\n    );\n});\n\nMobileDatePickerWithScroll.displayName = 'MobileDatePickerWithScroll';\n\nexport default MobileDatePickerWithScroll;\n"],"names":[],"mappings":"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"}

package/DatePicker/UncontrolledDatePicker.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerProps } from '@hh.ru/magritte-ui-date-picker';
+import { DatePickerProps } from '../index';
 export declare const UncontrolledDatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<HTMLDivElement>>;

package/DatePicker/UncontrolledDatePicker.js

@@ -1,18 +1,17 @@
 import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useCallback } from 'react';
-import { useDisplayDate } from '../utils.js';
 import { DatePicker } from './DatePicker.js';
-import 'date-fns';
-import 'date-fns/constants';
+import { useDisplayDate } from '../utils.js';
 import 'classnames';
 import '@hh.ru/magritte-ui-breakpoint';
 import '../AsyncDataLoader.js';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';
-import '../date-picker-q91q_We0.js';
+import '../date-picker-5L5YywN3.js';
 import '../AsyncDataStore.js';
 import '../useModifierDates.js';
+import 'date-fns';
 import './DayPicker.js';
 import '@hh.ru/magritte-common-use-disabled';
 import '../useModifierDatesFunc.js';
@@ -34,21 +33,48 @@ import '@hh.ru/magritte-ui-divider';
 import '../WithArrowNavigationHOC.js';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-common-use-multiple-refs';
+import 'date-fns/constants';
 
-const UncontrolledDatePicker = forwardRef(({ displayDate: initialDisplayDate, selectedDate: initialSelectedDate, onDisplayDateChange, onDateSelect, ...props }, ref) => {
-    const [displayDate, setDisplayDate] = useState(useDisplayDate(initialDisplayDate, initialSelectedDate));
+const UncontrolledDatePicker = forwardRef(
+  ({
+    displayDate: initialDisplayDate,
+    selectedDate: initialSelectedDate,
+    onDisplayDateChange,
+    onDateSelect,
+    ...props
+  }, ref) => {
+    const [displayDate, setDisplayDate] = useState(
+      useDisplayDate(initialDisplayDate, initialSelectedDate)
+    );
     const [selectedDate, setSelectedDate] = useState(initialSelectedDate ?? null);
-    const handleDisplayDateChange = useCallback((value) => {
+    const handleDisplayDateChange = useCallback(
+      (value) => {
         onDisplayDateChange?.(value);
         setDisplayDate(value);
-    }, [onDisplayDateChange, setDisplayDate]);
-    const handleDateSelect = useCallback((value) => {
+      },
+      [onDisplayDateChange, setDisplayDate]
+    );
+    const handleDateSelect = useCallback(
+      (value) => {
         onDateSelect?.(value);
         setSelectedDate(value);
-    }, [onDateSelect, setSelectedDate]);
-    return (jsx(DatePicker, { ...props, displayDate: displayDate, selectedDate: selectedDate, onDisplayDateChange: handleDisplayDateChange, onDateSelect: handleDateSelect, ref: ref }));
-});
-UncontrolledDatePicker.displayName = 'UncontrolledDatePicker';
+      },
+      [onDateSelect, setSelectedDate]
+    );
+    return /* @__PURE__ */ jsx(
+      DatePicker,
+      {
+        ...props,
+        displayDate,
+        selectedDate,
+        onDisplayDateChange: handleDisplayDateChange,
+        onDateSelect: handleDateSelect,
+        ref
+      }
+    );
+  }
+);
+UncontrolledDatePicker.displayName = "UncontrolledDatePicker";
 
 export { UncontrolledDatePicker };
 //# sourceMappingURL=UncontrolledDatePicker.js.map

package/DatePicker/UncontrolledDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"UncontrolledDatePicker.js","sources":["src/DatePicker/UncontrolledDatePicker.tsx"],"sourcesContent":["import { useCallback, useState, forwardRef } from 'react';\n\nimport { DatePicker, DatePickerProps, DateType } from '@hh.ru/magritte-ui-date-picker';\nimport { useDisplayDate } from '@hh.ru/magritte-ui-date-picker/utils';\n\nexport const UncontrolledDatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n    (\n        {\n            displayDate: initialDisplayDate,\n            selectedDate: initialSelectedDate,\n            onDisplayDateChange,\n            onDateSelect,\n            ...props\n        },\n        ref\n    ) => {\n        const [displayDate, setDisplayDate] = useState<DateType>(\n            useDisplayDate(initialDisplayDate, initialSelectedDate)\n        );\n        const [selectedDate, setSelectedDate] = useState<DateType | null>(initialSelectedDate ?? null);\n\n        const handleDisplayDateChange = useCallback(\n            (value: DateType) => {\n                onDisplayDateChange?.(value);\n                setDisplayDate(value);\n            },\n            [onDisplayDateChange, setDisplayDate]\n        );\n\n        const handleDateSelect = useCallback(\n            (value: DateType) => {\n                onDateSelect?.(value);\n                setSelectedDate(value);\n            },\n            [onDateSelect, setSelectedDate]\n        );\n\n        return (\n            <DatePicker\n                {...props}\n                displayDate={displayDate}\n                selectedDate={selectedDate}\n                onDisplayDateChange={handleDisplayDateChange}\n                onDateSelect={handleDateSelect}\n                ref={ref}\n            />\n        );\n    }\n);\n\nUncontrolledDatePicker.displayName = 'UncontrolledDatePicker';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKa,MAAA,sBAAsB,GAAG,UAAU,CAC5C,CACI,EACI,WAAW,EAAE,kBAAkB,EAC/B,YAAY,EAAE,mBAAmB,EACjC,mBAAmB,EACnB,YAAY,EACZ,GAAG,KAAK,EACX,EACD,GAAG,KACH;AACA,IAAA,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC1C,cAAc,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAC1D,CAAC;AACF,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAkB,mBAAmB,IAAI,IAAI,CAAC,CAAC;AAE/F,IAAA,MAAM,uBAAuB,GAAG,WAAW,CACvC,CAAC,KAAe,KAAI;AAChB,QAAA,mBAAmB,GAAG,KAAK,CAAC,CAAC;QAC7B,cAAc,CAAC,KAAK,CAAC,CAAC;AAC1B,KAAC,EACD,CAAC,mBAAmB,EAAE,cAAc,CAAC,CACxC,CAAC;AAEF,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAChC,CAAC,KAAe,KAAI;AAChB,QAAA,YAAY,GAAG,KAAK,CAAC,CAAC;QACtB,eAAe,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAC,EACD,CAAC,YAAY,EAAE,eAAe,CAAC,CAClC,CAAC;IAEF,QACIA,GAAC,CAAA,UAAU,EACH,EAAA,GAAA,KAAK,EACT,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,uBAAuB,EAC5C,YAAY,EAAE,gBAAgB,EAC9B,GAAG,EAAE,GAAG,EACV,CAAA,EACJ;AACN,CAAC,EACH;AAEF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}
+{"version":3,"file":"UncontrolledDatePicker.js","sources":["src/DatePicker/UncontrolledDatePicker.tsx"],"sourcesContent":["import { useCallback, useState, forwardRef } from 'react';\n\nimport { DatePicker, DatePickerProps, DateType } from '@hh.ru/magritte-ui-date-picker';\nimport { useDisplayDate } from '@hh.ru/magritte-ui-date-picker/utils';\n\nexport const UncontrolledDatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n    (\n        {\n            displayDate: initialDisplayDate,\n            selectedDate: initialSelectedDate,\n            onDisplayDateChange,\n            onDateSelect,\n            ...props\n        },\n        ref\n    ) => {\n        const [displayDate, setDisplayDate] = useState<DateType>(\n            useDisplayDate(initialDisplayDate, initialSelectedDate)\n        );\n        const [selectedDate, setSelectedDate] = useState<DateType | null>(initialSelectedDate ?? null);\n\n        const handleDisplayDateChange = useCallback(\n            (value: DateType) => {\n                onDisplayDateChange?.(value);\n                setDisplayDate(value);\n            },\n            [onDisplayDateChange, setDisplayDate]\n        );\n\n        const handleDateSelect = useCallback(\n            (value: DateType) => {\n                onDateSelect?.(value);\n                setSelectedDate(value);\n            },\n            [onDateSelect, setSelectedDate]\n        );\n\n        return (\n            <DatePicker\n                {...props}\n                displayDate={displayDate}\n                selectedDate={selectedDate}\n                onDisplayDateChange={handleDisplayDateChange}\n                onDateSelect={handleDateSelect}\n                ref={ref}\n            />\n        );\n    }\n);\n\nUncontrolledDatePicker.displayName = 'UncontrolledDatePicker';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,sBAAyB,GAAA,UAAA;AAAA,EAClC,CACI;AAAA,IACI,WAAa,EAAA,kBAAA;AAAA,IACb,YAAc,EAAA,mBAAA;AAAA,IACd,mBAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAG,KAAA;AAAA,KAEP,GACC,KAAA;AACD,IAAM,MAAA,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA;AAAA,MAClC,cAAA,CAAe,oBAAoB,mBAAmB,CAAA;AAAA,KAC1D,CAAA;AACA,IAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAA0B,uBAAuB,IAAI,CAAA,CAAA;AAE7F,IAAA,MAAM,uBAA0B,GAAA,WAAA;AAAA,MAC5B,CAAC,KAAoB,KAAA;AACjB,QAAA,mBAAA,GAAsB,KAAK,CAAA,CAAA;AAC3B,QAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAAA,OACxB;AAAA,MACA,CAAC,qBAAqB,cAAc,CAAA;AAAA,KACxC,CAAA;AAEA,IAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,MACrB,CAAC,KAAoB,KAAA;AACjB,QAAA,YAAA,GAAe,KAAK,CAAA,CAAA;AACpB,QAAA,eAAA,CAAgB,KAAK,CAAA,CAAA;AAAA,OACzB;AAAA,MACA,CAAC,cAAc,eAAe,CAAA;AAAA,KAClC,CAAA;AAEA,IACI,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACI,GAAG,KAAA;AAAA,QACJ,WAAA;AAAA,QACA,YAAA;AAAA,QACA,mBAAqB,EAAA,uBAAA;AAAA,QACrB,YAAc,EAAA,gBAAA;AAAA,QACd,GAAA;AAAA,OAAA;AAAA,KACJ,CAAA;AAAA,GAER;AACJ,EAAA;AAEA,sBAAA,CAAuB,WAAc,GAAA,wBAAA;;;;"}

package/Header.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateType, Calendar, BaseDatePickerProps } from '@hh.ru/magritte-ui-date-picker/types';
+import { DateType, Calendar, BaseDatePickerProps } from './types';
 export declare const Header: FC<Pick<BaseDatePickerProps, 'stretched' | 'activeHeader' | 'alignHeader' | 'headerMonthFormat' | 'locale' | 'showControls' | 'showHeaderDate'> & {
     calendar: Calendar;
     displayDate: DateType;