@cloud-ru/ds-calendar 1.0.12 → 1.0.13

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.13 (2026-09-02)
+
+### Bug Fixes
+
+- **PDS-4414:** fix FieldDate calendar interactions ([668e3c3](https://github.com/cloud-ru-tech/snack-v2/commit/668e3c3309265b6ad2fef903eb2b9b05b89f7655))
+
 ## 1.0.12 (2026-09-01)
 
 **Note:** Version bump only for package @ds/calendar

package/dist/cjs/helperComponents/DesktopCalendarDropdown/DesktopCalendarDropdown.d.ts

@@ -1,2 +1,2 @@
-import { CalendarDropdownProps } from '../../components/CalendarDropdown/CalendarDropdown';
+import { CalendarDropdownProps } from '../../components';
 export declare function DesktopCalendarDropdown({ children, closeOnApply, onApply, onCurrent, open: openProp, onOpenChange, triggerClassName, trigger, placement, hoverDelayOpen, hoverDelayClose, closeOnEscapeKey, triggerClickByKeys, triggerRef, outsideClick, fallbackPlacements, disableSpanWrapper, closeOnPopstate, className, 'data-test-id': testId, ...calendarProps }: CalendarDropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/DesktopCalendarDropdown/DesktopCalendarDropdown.js

@@ -9,22 +9,27 @@ const dropdown_1 = require("@cloud-ru/ds-dropdown");
 const utils_1 = require("@cloud-ru/ds-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = require("react");
-const Calendar_1 = require("../../components/Calendar");
+const components_1 = require("../../components");
 const styles_module_scss_1 = __importDefault(require('../../components/CalendarDropdown/styles.module.css'));
 const utils_2 = require("../../utils");
 const Footer_1 = require("../Footer");
+const utils_3 = require("./utils");
 function DesktopCalendarDropdown({ children, closeOnApply = false, onApply, onCurrent, open: openProp, onOpenChange, triggerClassName, trigger = 'click', placement = 'bottom-start', hoverDelayOpen, hoverDelayClose, closeOnEscapeKey, triggerClickByKeys, triggerRef, outsideClick, fallbackPlacements, disableSpanWrapper, closeOnPopstate, className, 'data-test-id': testId, ...calendarProps }) {
     const [open, setOpen] = (0, utils_1.useUncontrolledProp)(openProp, false, onOpenChange);
     const getTestId = (0, react_1.useMemo)(() => (0, utils_2.getTestIdBuilder)(testId), [testId]);
+    const resolvedFallbackPlacements = (0, react_1.useMemo)(() => fallbackPlacements ?? (0, utils_3.getAlignedFallbackPlacements)(placement), [fallbackPlacements, placement]);
     const handleFooterApply = (0, react_1.useCallback)(() => {
         onApply?.();
         if (closeOnApply) {
             setOpen(false);
         }
     }, [closeOnApply, onApply, setOpen]);
-    const content = ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.calendarDropdownContent, className), "data-test-id": getTestId('content'), children: (0, jsx_runtime_1.jsx)(Calendar_1.Calendar, { ...calendarProps, bottomSlot: (0, jsx_runtime_1.jsx)(Footer_1.Footer, { inline: true, onApply: handleFooterApply, onCurrent: onCurrent }) }) }));
+    const content = ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.calendarDropdownContent, className), "data-test-id": getTestId('content'), children: (0, jsx_runtime_1.jsx)(components_1.Calendar, { ...calendarProps, bottomSlot: (0, jsx_runtime_1.jsx)(Footer_1.Footer, { inline: true, onApply: handleFooterApply, onCurrent: onCurrent }) }) }));
     return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: styles_module_scss_1.default.dropdown, 
         // Календарь сам управляет внутренними отступами (header/body/footer) — общий padding
         // dropdown-контейнера в макете отсутствует.
-        bodyPadding: false, "data-test-id": testId, triggerClassName: triggerClassName, trigger: trigger, placement: placement, hoverDelayOpen: hoverDelayOpen, hoverDelayClose: hoverDelayClose, closeOnEscapeKey: closeOnEscapeKey, triggerClickByKeys: triggerClickByKeys, triggerRef: triggerRef, outsideClick: outsideClick, fallbackPlacements: fallbackPlacements, disableSpanWrapper: disableSpanWrapper, closeOnPopstate: closeOnPopstate, open: open, onOpenChange: setOpen, content: content, widthStrategy: 'gte', children: children }));
+        bodyPadding: false, "data-test-id": testId, triggerClassName: triggerClassName, trigger: trigger, placement: placement, hoverDelayOpen: hoverDelayOpen, hoverDelayClose: hoverDelayClose, closeOnEscapeKey: closeOnEscapeKey, triggerClickByKeys: triggerClickByKeys, triggerRef: triggerRef, outsideClick: outsideClick, fallbackPlacements: resolvedFallbackPlacements, disableSpanWrapper: disableSpanWrapper, closeOnPopstate: closeOnPopstate, open: open, onOpenChange: setOpen, content: content, 
+        // Ширина floating-узла совпадает с видимым календарём. Растягивание до ширины триггера
+        // создаёт прозрачную область, которая ошибочно считается внутренней для outside-click.
+        widthStrategy: 'auto', children: children }));
 }

package/dist/cjs/helperComponents/DesktopCalendarDropdown/utils.d.ts

@@ -0,0 +1,8 @@
+import { CalendarDropdownProps } from '../../components';
+type CalendarPlacement = NonNullable<CalendarDropdownProps['placement']>;
+/**
+ * Сохраняет выравнивание `start` / `end` при смене стороны календаря, чтобы после flip он
+ * оставался привязан к тому же краю trigger и не смещался к центру широкого поля.
+ */
+export declare function getAlignedFallbackPlacements(placement: CalendarPlacement): CalendarPlacement[];
+export {};

package/dist/cjs/helperComponents/DesktopCalendarDropdown/utils.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAlignedFallbackPlacements = getAlignedFallbackPlacements;
+const ALIGNED_FALLBACK_PLACEMENTS = {
+    top: ['right', 'bottom', 'left'],
+    'top-start': ['right-start', 'bottom-start', 'left-start'],
+    'top-end': ['right-end', 'bottom-end', 'left-end'],
+    right: ['top', 'bottom', 'left'],
+    'right-start': ['top-start', 'bottom-start', 'left-start'],
+    'right-end': ['top-end', 'bottom-end', 'left-end'],
+    bottom: ['top', 'right', 'left'],
+    'bottom-start': ['top-start', 'right-start', 'left-start'],
+    'bottom-end': ['top-end', 'right-end', 'left-end'],
+    left: ['top', 'right', 'bottom'],
+    'left-start': ['top-start', 'right-start', 'bottom-start'],
+    'left-end': ['top-end', 'right-end', 'bottom-end'],
+};
+/**
+ * Сохраняет выравнивание `start` / `end` при смене стороны календаря, чтобы после flip он
+ * оставался привязан к тому же краю trigger и не смещался к центру широкого поля.
+ */
+function getAlignedFallbackPlacements(placement) {
+    return ALIGNED_FALLBACK_PLACEMENTS[placement];
+}

package/dist/esm/helperComponents/DesktopCalendarDropdown/DesktopCalendarDropdown.d.ts

@@ -1,2 +1,2 @@
-import { CalendarDropdownProps } from '../../components/CalendarDropdown/CalendarDropdown.js';
+import { CalendarDropdownProps } from '../../components/index.js';
 export declare function DesktopCalendarDropdown({ children, closeOnApply, onApply, onCurrent, open: openProp, onOpenChange, triggerClassName, trigger, placement, hoverDelayOpen, hoverDelayClose, closeOnEscapeKey, triggerClickByKeys, triggerRef, outsideClick, fallbackPlacements, disableSpanWrapper, closeOnPopstate, className, 'data-test-id': testId, ...calendarProps }: CalendarDropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/DesktopCalendarDropdown/DesktopCalendarDropdown.js

@@ -3,13 +3,15 @@ import { Dropdown } from '@cloud-ru/ds-dropdown';
 import { useUncontrolledProp } from '@cloud-ru/ds-utils';
 import cn from 'classnames';
 import { useCallback, useMemo } from 'react';
-import { Calendar } from '../../components/Calendar/index.js';
+import { Calendar } from '../../components/index.js';
 import styles from '../../components/CalendarDropdown/styles.module.css';
 import { getTestIdBuilder } from '../../utils.js';
 import { Footer } from '../Footer/index.js';
+import { getAlignedFallbackPlacements } from './utils.js';
 export function DesktopCalendarDropdown({ children, closeOnApply = false, onApply, onCurrent, open: openProp, onOpenChange, triggerClassName, trigger = 'click', placement = 'bottom-start', hoverDelayOpen, hoverDelayClose, closeOnEscapeKey, triggerClickByKeys, triggerRef, outsideClick, fallbackPlacements, disableSpanWrapper, closeOnPopstate, className, 'data-test-id': testId, ...calendarProps }) {
     const [open, setOpen] = useUncontrolledProp(openProp, false, onOpenChange);
     const getTestId = useMemo(() => getTestIdBuilder(testId), [testId]);
+    const resolvedFallbackPlacements = useMemo(() => fallbackPlacements ?? getAlignedFallbackPlacements(placement), [fallbackPlacements, placement]);
     const handleFooterApply = useCallback(() => {
         onApply?.();
         if (closeOnApply) {
@@ -20,5 +22,8 @@ export function DesktopCalendarDropdown({ children, closeOnApply = false, onAppl
     return (_jsx(Dropdown, { className: styles.dropdown, 
         // Календарь сам управляет внутренними отступами (header/body/footer) — общий padding
         // dropdown-контейнера в макете отсутствует.
-        bodyPadding: false, "data-test-id": testId, triggerClassName: triggerClassName, trigger: trigger, placement: placement, hoverDelayOpen: hoverDelayOpen, hoverDelayClose: hoverDelayClose, closeOnEscapeKey: closeOnEscapeKey, triggerClickByKeys: triggerClickByKeys, triggerRef: triggerRef, outsideClick: outsideClick, fallbackPlacements: fallbackPlacements, disableSpanWrapper: disableSpanWrapper, closeOnPopstate: closeOnPopstate, open: open, onOpenChange: setOpen, content: content, widthStrategy: 'gte', children: children }));
+        bodyPadding: false, "data-test-id": testId, triggerClassName: triggerClassName, trigger: trigger, placement: placement, hoverDelayOpen: hoverDelayOpen, hoverDelayClose: hoverDelayClose, closeOnEscapeKey: closeOnEscapeKey, triggerClickByKeys: triggerClickByKeys, triggerRef: triggerRef, outsideClick: outsideClick, fallbackPlacements: resolvedFallbackPlacements, disableSpanWrapper: disableSpanWrapper, closeOnPopstate: closeOnPopstate, open: open, onOpenChange: setOpen, content: content, 
+        // Ширина floating-узла совпадает с видимым календарём. Растягивание до ширины триггера
+        // создаёт прозрачную область, которая ошибочно считается внутренней для outside-click.
+        widthStrategy: 'auto', children: children }));
 }

package/dist/esm/helperComponents/DesktopCalendarDropdown/utils.d.ts

@@ -0,0 +1,8 @@
+import { CalendarDropdownProps } from '../../components/index.js';
+type CalendarPlacement = NonNullable<CalendarDropdownProps['placement']>;
+/**
+ * Сохраняет выравнивание `start` / `end` при смене стороны календаря, чтобы после flip он
+ * оставался привязан к тому же краю trigger и не смещался к центру широкого поля.
+ */
+export declare function getAlignedFallbackPlacements(placement: CalendarPlacement): CalendarPlacement[];
+export {};

package/dist/esm/helperComponents/DesktopCalendarDropdown/utils.js

@@ -0,0 +1,21 @@
+const ALIGNED_FALLBACK_PLACEMENTS = {
+    top: ['right', 'bottom', 'left'],
+    'top-start': ['right-start', 'bottom-start', 'left-start'],
+    'top-end': ['right-end', 'bottom-end', 'left-end'],
+    right: ['top', 'bottom', 'left'],
+    'right-start': ['top-start', 'bottom-start', 'left-start'],
+    'right-end': ['top-end', 'bottom-end', 'left-end'],
+    bottom: ['top', 'right', 'left'],
+    'bottom-start': ['top-start', 'right-start', 'left-start'],
+    'bottom-end': ['top-end', 'right-end', 'left-end'],
+    left: ['top', 'right', 'bottom'],
+    'left-start': ['top-start', 'right-start', 'bottom-start'],
+    'left-end': ['top-end', 'right-end', 'bottom-end'],
+};
+/**
+ * Сохраняет выравнивание `start` / `end` при смене стороны календаря, чтобы после flip он
+ * оставался привязан к тому же краю trigger и не смещался к центру широкого поля.
+ */
+export function getAlignedFallbackPlacements(placement) {
+    return ALIGNED_FALLBACK_PLACEMENTS[placement];
+}