@sberbusiness/triplex-next 1.45.0 → 1.47.0

package/components/Confirm/components/ConfirmContentSubTitle.js

@@ -1,14 +1,13 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const ConfirmContentSubTitle = ({
-  children,
-  size = ETextSize.B2,
-  ...rest
-}) => /* @__PURE__ */ jsx(Text, { size, tag: "div", ...rest, children });
+const ConfirmContentSubTitle = React__default.forwardRef(
+  ({ children, size = ETextSize.B2, ...rest }, ref) => /* @__PURE__ */ jsx(Text, { size, tag: "div", ...rest, ref, children })
+);
 ConfirmContentSubTitle.displayName = "ConfirmContentSubTitle";
 export {
   ConfirmContentSubTitle

package/components/Confirm/components/ConfirmContentSubTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmContentSubTitle.js","sources":["../../../../src/components/Confirm/components/ConfirmContentSubTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"../../Typography\";\nimport { ETextSize } from \"../../Typography/enums\";\nimport { TTextProps } from \"../../Typography/Text\";\n\n/** Свойства компонента ConfirmContentSubTitle. */\nexport interface IConfirmContentSubTitleProps extends Partial<TTextProps<\"div\">> {}\n\nexport const ConfirmContentSubTitle: React.FC<IConfirmContentSubTitleProps> = ({\n    children,\n    size = ETextSize.B2,\n    ...rest\n}) => (\n    <Text size={size} tag=\"div\" {...rest}>\n        {children}\n    </Text>\n);\n\nConfirmContentSubTitle.displayName = \"ConfirmContentSubTitle\";\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,yBAAiE,CAAC;AAAA,EAC3E;AAAA,EACA,OAAO,UAAU;AAAA,EACjB,GAAG;AACP,0BACK,MAAA,EAAK,MAAY,KAAI,OAAO,GAAG,MAC3B,SAAA,CACL;AAGJ,uBAAuB,cAAc;"}
+{"version":3,"file":"ConfirmContentSubTitle.js","sources":["../../../../src/components/Confirm/components/ConfirmContentSubTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"../../Typography\";\nimport { ETextSize } from \"../../Typography/enums\";\nimport { TTextProps } from \"../../Typography/Text\";\n\n/** Свойства компонента ConfirmContentSubTitle. */\nexport interface IConfirmContentSubTitleProps extends Partial<TTextProps<\"div\">> {}\n\n/**\n * Подзаголовок предупреждения — поясняющий текст под заголовком.\n * Обёртка над {@link Text} с дефолтами `size=B2` и `tag=\"div\"` — тег можно переопределить.\n *\n * Ref типизирован как `HTMLElement`, а не `HTMLDivElement`: переопределённый\n * `tag` меняет тип реального DOM-узла, и обещать `div` было бы неправдой.\n */\nexport const ConfirmContentSubTitle = React.forwardRef<HTMLElement, IConfirmContentSubTitleProps>(\n    ({ children, size = ETextSize.B2, ...rest }, ref) => (\n        <Text size={size} tag=\"div\" {...rest} ref={ref}>\n            {children}\n        </Text>\n    ),\n);\n\nConfirmContentSubTitle.displayName = \"ConfirmContentSubTitle\";\n"],"names":["React"],"mappings":";;;;;;;AAeO,MAAM,yBAAyBA,eAAM;AAAA,EACxC,CAAC,EAAE,UAAU,OAAO,UAAU,IAAI,GAAG,KAAA,GAAQ,QACzC,oBAAC,QAAK,MAAY,KAAI,OAAO,GAAG,MAAM,KACjC,SAAA,CACL;AAER;AAEA,uBAAuB,cAAc;"}

package/components/Confirm/components/ConfirmContentTitle.js

@@ -1,14 +1,12 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { ETitleSize } from "../../Typography/enums.js";
 import { Title } from "../../Typography/Title.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Confirm.module-Dw5sV0a8.js";
-const ConfirmContentTitle = ({
-  children,
-  className,
-  size = ETitleSize.H3,
-  ...rest
-}) => /* @__PURE__ */ jsx(Title, { size, className: clsx(className, styles.confirmContentTitle), ...rest, children });
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/Confirm.module-Cu7K98Sg.js";
+const ConfirmContentTitle = React__default.forwardRef(
+  ({ children, className, size = ETitleSize.H3, ...rest }, ref) => /* @__PURE__ */ jsx(Title, { size, className: clsx(styles.confirmContentTitle, className), ...rest, ref, children })
+);
 ConfirmContentTitle.displayName = "ConfirmContentTitle";
 export {
   ConfirmContentTitle

package/components/Confirm/components/ConfirmContentTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmContentTitle.js","sources":["../../../../src/components/Confirm/components/ConfirmContentTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETitleSize } from \"../../Typography/enums\";\nimport { TTitleProps } from \"../../Typography/Title\";\nimport { Title } from \"../../Typography/Title\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmContentTitle. */\nexport interface IConfirmContentTitleProps extends Partial<TTitleProps<\"h1\">> {}\n\nexport const ConfirmContentTitle: React.FC<IConfirmContentTitleProps> = ({\n    children,\n    className,\n    size = ETitleSize.H3,\n    ...rest\n}) => (\n    <Title size={size} className={clsx(className, styles.confirmContentTitle)} {...rest}>\n        {children}\n    </Title>\n);\n\nConfirmContentTitle.displayName = \"ConfirmContentTitle\";\n"],"names":[],"mappings":";;;;;AAUO,MAAM,sBAA2D,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA,OAAO,WAAW;AAAA,EAClB,GAAG;AACP,MACI,oBAAC,OAAA,EAAM,MAAY,WAAW,KAAK,WAAW,OAAO,mBAAmB,GAAI,GAAG,MAC1E,SAAA,CACL;AAGJ,oBAAoB,cAAc;"}
+{"version":3,"file":"ConfirmContentTitle.js","sources":["../../../../src/components/Confirm/components/ConfirmContentTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETitleSize } from \"../../Typography/enums\";\nimport { TTitleProps } from \"../../Typography/Title\";\nimport { Title } from \"../../Typography/Title\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmContentTitle. */\nexport interface IConfirmContentTitleProps extends Partial<TTitleProps<\"h1\">> {}\n\n/**\n * Заголовок предупреждения.\n * Обёртка над {@link Title} с дефолтом `size=H3` и отступом до подзаголовка.\n *\n * Ref типизирован как `HTMLElement`, а не `HTMLHeadingElement`: тег\n * переопределяется через `tag` (см. Confirm-ai.md), и тогда в DOM окажется\n * не заголовок.\n */\nexport const ConfirmContentTitle = React.forwardRef<HTMLElement, IConfirmContentTitleProps>(\n    ({ children, className, size = ETitleSize.H3, ...rest }, ref) => (\n        <Title size={size} className={clsx(styles.confirmContentTitle, className)} {...rest} ref={ref}>\n            {children}\n        </Title>\n    ),\n);\n\nConfirmContentTitle.displayName = \"ConfirmContentTitle\";\n"],"names":["React"],"mappings":";;;;;;AAkBO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,OAAO,WAAW,IAAI,GAAG,KAAA,GAAQ,4BACpD,OAAA,EAAM,MAAY,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,KAChF,SAAA,CACL;AAER;AAEA,oBAAoB,cAAc;"}

package/components/Confirm/components/ConfirmControls.js

@@ -1,7 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Confirm.module-Dw5sV0a8.js";
-const ConfirmControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmControls), ...htmlDivAttributes, children });
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/Confirm.module-Cu7K98Sg.js";
+const ConfirmControls = React__default.forwardRef(
+  ({ children, className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.confirmControls, className), ...htmlDivAttributes, ref, children })
+);
 ConfirmControls.displayName = "ConfirmControls";
 export {
   ConfirmControls

package/components/Confirm/components/ConfirmControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmControls.js","sources":["../../../../src/components/Confirm/components/ConfirmControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmControls. */\nexport interface IConfirmControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const ConfirmControls: React.FC<IConfirmControlsProps> = ({ children, className, ...htmlDivAttributes }) => (\n    <div className={clsx(className, styles.confirmControls)} {...htmlDivAttributes}>\n        {children}\n    </div>\n);\n\nConfirmControls.displayName = \"ConfirmControls\";\n"],"names":[],"mappings":";;;AAOO,MAAM,kBAAmD,CAAC,EAAE,UAAU,WAAW,GAAG,wBACvF,oBAAC,OAAA,EAAI,WAAW,KAAK,WAAW,OAAO,eAAe,GAAI,GAAG,mBACxD,SAAA,CACL;AAGJ,gBAAgB,cAAc;"}
+{"version":3,"file":"ConfirmControls.js","sources":["../../../../src/components/Confirm/components/ConfirmControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmControls. */\nexport interface IConfirmControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Контейнер кнопок действий предупреждения. Запрещает перенос кнопок на новую строку. */\nexport const ConfirmControls = React.forwardRef<HTMLDivElement, IConfirmControlsProps>(\n    ({ children, className, ...htmlDivAttributes }, ref) => (\n        <div className={clsx(styles.confirmControls, className)} {...htmlDivAttributes} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nConfirmControls.displayName = \"ConfirmControls\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,UAAU,WAAW,GAAG,kBAAA,GAAqB,QAC5C,oBAAC,SAAI,WAAW,KAAK,OAAO,iBAAiB,SAAS,GAAI,GAAG,mBAAmB,KAC3E,SAAA,CACL;AAER;AAEA,gBAAgB,cAAc;"}

package/components/Confirm/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/Confirm/enums.ts"],"sourcesContent":["/** Компоненты, в которых можно открыть Confirm.\n *  От этого зависит максимальная ширина Confirm.\n */\nexport enum EConfirmParentComponent {\n    LIGHTBOX = \"lightBox\",\n    SIDE_OVERLAY_SM = \"sideOverlaySM\",\n    SIDE_OVERLAY_MD = \"sideOverlayMD\",\n    SIDE_OVERLAY_LG = \"sideOverlayLG\",\n}\n"],"names":["EConfirmParentComponent"],"mappings":"AAGO,IAAK,4CAAAA,6BAAL;AACHA,2BAAA,UAAA,IAAW;AACXA,2BAAA,iBAAA,IAAkB;AAClBA,2BAAA,iBAAA,IAAkB;AAClBA,2BAAA,iBAAA,IAAkB;AAJV,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/Confirm/enums.ts"],"sourcesContent":["/** Компоненты, в которых можно открыть Confirm.\n *  От этого зависит максимальная ширина Confirm.\n */\nexport enum EConfirmParentComponent {\n    /** LightBox — ширина контента лайтбокса. */\n    LIGHTBOX = \"lightBox\",\n    /** LightBoxSideOverlay размера SM. */\n    SIDE_OVERLAY_SM = \"sideOverlaySM\",\n    /** LightBoxSideOverlay размера MD. */\n    SIDE_OVERLAY_MD = \"sideOverlayMD\",\n    /** LightBoxSideOverlay размера LG. */\n    SIDE_OVERLAY_LG = \"sideOverlayLG\",\n}\n"],"names":["EConfirmParentComponent"],"mappings":"AAGO,IAAK,4CAAAA,6BAAL;AAEHA,2BAAA,UAAA,IAAW;AAEXA,2BAAA,iBAAA,IAAkB;AAElBA,2BAAA,iBAAA,IAAkB;AAElBA,2BAAA,iBAAA,IAAkB;AARV,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;"}

package/components/DateField/DateField.js

@@ -41,7 +41,7 @@ const DateField = React__default.forwardRef((props, ref) => {
   const inputFocusedRef = useRef(false);
   const dropdownOpenRef = useRef(false);
   const dropdownClosedByCalendarRef = useRef(false);
-  const tooltipOpened = useRef(false);
+  const tooltipOpenedRef = useRef(false);
   useEffect(() => {
     const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);
     if (newPickerValues.inputString !== pickerValues.inputString) {
@@ -57,43 +57,6 @@ const DateField = React__default.forwardRef((props, ref) => {
       ref.current = instance;
     }
   };
-  const renderTarget = () => {
-    const { maskedInputProps, ...restTargetProps } = targetProps || {};
-    const { onChange: onInputChange, ...restMaskedInputProps } = maskedInputProps || {};
-    return /* @__PURE__ */ jsx(DateFieldContext.Provider, { value: { inputFocusedRef, onChange, triggerChangeFromInput }, children: /* @__PURE__ */ jsx(
-      DateFieldTarget,
-      {
-        size,
-        status,
-        label,
-        onClear,
-        maskedInputProps: {
-          value: pickerValues.inputString,
-          mask: FormFieldMaskedInput.presets.masks.date,
-          placeholderMask,
-          "aria-label": ariaLabel,
-          "aria-labelledby": ariaLabelledby,
-          onChange: (event) => {
-            handleInputChange(event);
-            onInputChange == null ? void 0 : onInputChange(event);
-          },
-          ...restMaskedInputProps
-        },
-        ...restTargetProps,
-        ref: dropdownTargetRef
-      }
-    ) });
-  };
-  const renderDropdownHeaderTarget = () => /* @__PURE__ */ jsx(
-    DropdownMobileMaskedInput,
-    {
-      value: pickerValues.inputString,
-      mask: DropdownMobileMaskedInput.presets.masks.date,
-      placeholderMask,
-      onChange: handleInputChange,
-      autoFocus: true
-    }
-  );
   const handleInputChange = (event) => {
     let date = null;
     if (event.target.value.length === inputDateFormat.length) {
@@ -101,9 +64,9 @@ const DateField = React__default.forwardRef((props, ref) => {
       if (!date.isValid() || !DateFieldUtils.isAvailableDate(date, date.format(format), limitRange, disabledDays)) {
         date = null;
       }
-      tooltipOpened.current = !date;
+      tooltipOpenedRef.current = !date;
     } else {
-      tooltipOpened.current = false;
+      tooltipOpenedRef.current = false;
     }
     setPickerValues({ calendarDate: date, inputString: event.target.value });
   };
@@ -122,7 +85,7 @@ const DateField = React__default.forwardRef((props, ref) => {
       }
     }
     if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {
-      tooltipOpened.current = false;
+      tooltipOpenedRef.current = false;
       setPickerValues(lastValidPickerValuesRef.current);
     }
   };
@@ -141,9 +104,46 @@ const DateField = React__default.forwardRef((props, ref) => {
   };
   const handleDateChange = (date) => {
     dropdownClosedByCalendarRef.current = true;
-    tooltipOpened.current = false;
+    tooltipOpenedRef.current = false;
     onChange(date.format(format));
   };
+  const renderTarget = () => {
+    const { maskedInputProps, ...restTargetProps } = targetProps || {};
+    const { onChange: onInputChange, ...restMaskedInputProps } = maskedInputProps || {};
+    return /* @__PURE__ */ jsx(DateFieldContext.Provider, { value: { inputFocusedRef, onChange, triggerChangeFromInput }, children: /* @__PURE__ */ jsx(
+      DateFieldTarget,
+      {
+        size,
+        status,
+        label,
+        onClear,
+        maskedInputProps: {
+          value: pickerValues.inputString,
+          mask: FormFieldMaskedInput.presets.masks.date,
+          placeholderMask,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledby,
+          onChange: (event) => {
+            handleInputChange(event);
+            onInputChange == null ? void 0 : onInputChange(event);
+          },
+          ...restMaskedInputProps
+        },
+        ...restTargetProps,
+        ref: dropdownTargetRef
+      }
+    ) });
+  };
+  const renderDropdownHeaderTarget = () => /* @__PURE__ */ jsx(
+    DropdownMobileMaskedInput,
+    {
+      value: pickerValues.inputString,
+      mask: DropdownMobileMaskedInput.presets.masks.date,
+      placeholderMask,
+      onChange: handleInputChange,
+      autoFocus: true
+    }
+  );
   const renderDatePickerExtended = () => /* @__PURE__ */ jsx(
     DatePickerExtended,
     {
@@ -164,7 +164,7 @@ const DateField = React__default.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     MobileView,
     {
-      fallback: /* @__PURE__ */ jsxs(Tooltip, { targetRef: tooltipTargetRef, size: ETooltipSize.SM, isOpen: tooltipOpened.current, children: [
+      fallback: /* @__PURE__ */ jsxs(Tooltip, { targetRef: tooltipTargetRef, size: ETooltipSize.SM, isOpen: tooltipOpenedRef.current, children: [
         /* @__PURE__ */ jsx(Tooltip.Body, { children: invalidDateHint }),
         /* @__PURE__ */ jsx(Tooltip.Target, { children: renderDatePickerExtended() })
       ] }),

package/components/DateField/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","sources":["../../../src/components/DateField/DateField.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { IDateFieldProps } from \"./types\";\nimport { DatePickerExtended } from \"../DatePickerExtended/DatePickerExtended\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../consts/DateConst\";\nimport { DateFieldUtils } from \"./utils\";\nimport { DateFieldTarget } from \"./DateFieldTarget\";\nimport { inputDateFormat } from \"./constants\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ETooltipSize } from \"../Tooltip/enums\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { DropdownMobileMaskedInput } from \"../Dropdown/mobile/DropdownMobileMaskedInput\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { FormFieldMaskedInput } from \"../FormField/components/FormFieldMaskedInput\";\n\n/** Компонент ввода и выбора даты. */\nexport const DateField = React.forwardRef<HTMLDivElement, IDateFieldProps>((props, ref) => {\n    const {\n        size,\n        status,\n        value,\n        label,\n        placeholderMask,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledby,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        disabledDays,\n        onChange,\n        onClear,\n        onDropdownOpen,\n        onDropdownClose,\n        invalidDateHint,\n        targetProps,\n        ...restProps\n    } = props;\n    const [pickerValues, setPickerValues] = useState(\n        DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays),\n    );\n    const tooltipTargetRef = useRef<HTMLDivElement | null>(null);\n    const dropdownTargetRef = useRef<HTMLDivElement | null>(null);\n    const lastValidPickerValuesRef = useRef(pickerValues);\n    const inputFocusedRef = useRef(false);\n    const dropdownOpenRef = useRef(false);\n    const dropdownClosedByCalendarRef = useRef(false); // Dropdown закрылся от выбора даты в календаре\n    const tooltipOpened = useRef(false);\n\n    useEffect(() => {\n        const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);\n\n        if (newPickerValues.inputString !== pickerValues.inputString) {\n            setPickerValues(newPickerValues);\n        }\n        lastValidPickerValuesRef.current = newPickerValues;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, format, limitRange, disabledDays]);\n\n    /** Функция для хранения ссылки. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        tooltipTargetRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    /** Рендер-функция управляющего элемента. */\n    const renderTarget = () => {\n        const { maskedInputProps, ...restTargetProps } = targetProps || {};\n        const { onChange: onInputChange, ...restMaskedInputProps } = maskedInputProps || {};\n\n        return (\n            <DateFieldContext.Provider value={{ inputFocusedRef, onChange, triggerChangeFromInput }}>\n                <DateFieldTarget\n                    size={size}\n                    status={status}\n                    label={label}\n                    onClear={onClear}\n                    maskedInputProps={{\n                        value: pickerValues.inputString,\n                        mask: FormFieldMaskedInput.presets.masks.date,\n                        placeholderMask,\n                        \"aria-label\": ariaLabel,\n                        \"aria-labelledby\": ariaLabelledby,\n                        onChange: (event) => {\n                            handleInputChange(event);\n                            onInputChange?.(event);\n                        },\n                        ...restMaskedInputProps,\n                    }}\n                    {...restTargetProps}\n                    ref={dropdownTargetRef}\n                />\n            </DateFieldContext.Provider>\n        );\n    };\n\n    /** Рендер-функция управляющего элемента в заголовке DropdownMobile. */\n    const renderDropdownHeaderTarget = () => (\n        <DropdownMobileMaskedInput\n            value={pickerValues.inputString}\n            mask={DropdownMobileMaskedInput.presets.masks.date}\n            placeholderMask={placeholderMask}\n            onChange={handleInputChange}\n            autoFocus={true}\n        />\n    );\n\n    /** Обработчик изменения значения DatePickerTargetInput. */\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        let date: moment.Moment | null = null;\n\n        if (event.target.value.length === inputDateFormat.length) {\n            date = moment(event.target.value, inputDateFormat, true);\n\n            if (\n                !date.isValid() ||\n                !DateFieldUtils.isAvailableDate(date, date.format(format), limitRange, disabledDays)\n            ) {\n                date = null;\n            }\n\n            tooltipOpened.current = !date;\n        } else {\n            tooltipOpened.current = false;\n        }\n\n        setPickerValues({ calendarDate: date, inputString: event.target.value });\n    };\n\n    /** Триггер изменения значения из поля ввода. */\n    const triggerChangeFromInput = () => {\n        if (pickerValues.inputString.length === 0 && value.length !== 0) {\n            return onChange(pickerValues.inputString);\n        }\n\n        const date = moment(pickerValues.inputString, inputDateFormat, true);\n\n        if (date.isValid()) {\n            const newValue = date.format(format);\n\n            if (newValue === value) {\n                return;\n            }\n\n            if (DateFieldUtils.isAvailableDate(date, newValue, limitRange, disabledDays)) {\n                return onChange(newValue);\n            }\n        }\n\n        // Текущее значение в поле невалидно, возвращаем последнее валидное.\n        if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            tooltipOpened.current = false;\n            setPickerValues(lastValidPickerValuesRef.current);\n        }\n    };\n\n    /** Обработчик открытия Dropdown. */\n    const handleDropdownOpen = () => {\n        dropdownOpenRef.current = true;\n\n        onDropdownOpen?.();\n    };\n\n    /** Обработчик закрытия Dropdown. */\n    const handleDropdownClose = () => {\n        dropdownOpenRef.current = false;\n\n        if (dropdownClosedByCalendarRef.current) {\n            dropdownClosedByCalendarRef.current = false;\n        } else if (\n            !inputFocusedRef.current &&\n            pickerValues.inputString !== lastValidPickerValuesRef.current.inputString\n        ) {\n            triggerChangeFromInput();\n        }\n\n        onDropdownClose?.();\n    };\n\n    /** Обработчик изменения даты. */\n    const handleDateChange = (date: moment.Moment) => {\n        dropdownClosedByCalendarRef.current = true;\n        tooltipOpened.current = false;\n\n        onChange(date.format(format));\n    };\n\n    const renderDatePickerExtended = () => (\n        <DatePickerExtended\n            dropdownTargetRef={dropdownTargetRef}\n            renderTarget={renderTarget}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            pickedDate={pickerValues.calendarDate}\n            format={format}\n            limitRange={limitRange}\n            disabledDays={disabledDays}\n            onDropdownOpen={handleDropdownOpen}\n            onDropdownClose={handleDropdownClose}\n            onDateChange={handleDateChange}\n            {...restProps}\n            ref={setRef}\n        />\n    );\n\n    return (\n        <MobileView\n            fallback={\n                <Tooltip targetRef={tooltipTargetRef} size={ETooltipSize.SM} isOpen={tooltipOpened.current}>\n                    <Tooltip.Body>{invalidDateHint}</Tooltip.Body>\n                    <Tooltip.Target>{renderDatePickerExtended()}</Tooltip.Target>\n                </Tooltip>\n            }\n        >\n            {renderDatePickerExtended()}\n        </MobileView>\n    );\n});\n\nDateField.displayName = \"DateField\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DateField.js","sources":["../../../src/components/DateField/DateField.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { IDateFieldProps } from \"./types\";\nimport { DatePickerExtended } from \"../DatePickerExtended/DatePickerExtended\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../consts/DateConst\";\nimport { DateFieldUtils } from \"./utils\";\nimport { DateFieldTarget } from \"./DateFieldTarget\";\nimport { inputDateFormat } from \"./constants\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ETooltipSize } from \"../Tooltip/enums\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { DropdownMobileMaskedInput } from \"../Dropdown/mobile/DropdownMobileMaskedInput\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { FormFieldMaskedInput } from \"../FormField/components/FormFieldMaskedInput\";\n\n/** Компонент ввода и выбора даты. */\nexport const DateField = React.forwardRef<HTMLDivElement, IDateFieldProps>((props, ref) => {\n    const {\n        size,\n        status,\n        value,\n        label,\n        placeholderMask,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledby,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        disabledDays,\n        onChange,\n        onClear,\n        onDropdownOpen,\n        onDropdownClose,\n        invalidDateHint,\n        targetProps,\n        ...restProps\n    } = props;\n    const [pickerValues, setPickerValues] = useState(\n        DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays),\n    );\n    const tooltipTargetRef = useRef<HTMLDivElement | null>(null);\n    const dropdownTargetRef = useRef<HTMLDivElement | null>(null);\n    const lastValidPickerValuesRef = useRef(pickerValues);\n    const inputFocusedRef = useRef(false);\n    const dropdownOpenRef = useRef(false);\n    const dropdownClosedByCalendarRef = useRef(false); // Dropdown закрылся от выбора даты в календаре\n    const tooltipOpenedRef = useRef(false);\n\n    useEffect(() => {\n        const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);\n\n        if (newPickerValues.inputString !== pickerValues.inputString) {\n            setPickerValues(newPickerValues);\n        }\n        lastValidPickerValuesRef.current = newPickerValues;\n        // pickerValues намеренно не в зависимостях: эффект синхронизирует поле с внешним value,\n        // а не реагирует на ввод пользователя — иначе он затирал бы промежуточный ввод.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, format, limitRange, disabledDays]);\n\n    const setRef = (instance: HTMLDivElement | null) => {\n        tooltipTargetRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    /** Обработчик изменения значения поля ввода с маской. */\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        let date: moment.Moment | null = null;\n\n        if (event.target.value.length === inputDateFormat.length) {\n            date = moment(event.target.value, inputDateFormat, true);\n\n            if (\n                !date.isValid() ||\n                !DateFieldUtils.isAvailableDate(date, date.format(format), limitRange, disabledDays)\n            ) {\n                date = null;\n            }\n\n            tooltipOpenedRef.current = !date;\n        } else {\n            tooltipOpenedRef.current = false;\n        }\n\n        setPickerValues({ calendarDate: date, inputString: event.target.value });\n    };\n\n    /** Триггер изменения значения из поля ввода. */\n    const triggerChangeFromInput = () => {\n        if (pickerValues.inputString.length === 0 && value.length !== 0) {\n            return onChange(pickerValues.inputString);\n        }\n\n        const date = moment(pickerValues.inputString, inputDateFormat, true);\n\n        if (date.isValid()) {\n            const newValue = date.format(format);\n\n            if (newValue === value) {\n                return;\n            }\n\n            if (DateFieldUtils.isAvailableDate(date, newValue, limitRange, disabledDays)) {\n                return onChange(newValue);\n            }\n        }\n\n        // Текущее значение в поле невалидно, возвращаем последнее валидное.\n        if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            tooltipOpenedRef.current = false;\n            setPickerValues(lastValidPickerValuesRef.current);\n        }\n    };\n\n    /** Обработчик открытия Dropdown. */\n    const handleDropdownOpen = () => {\n        dropdownOpenRef.current = true;\n\n        onDropdownOpen?.();\n    };\n\n    /** Обработчик закрытия Dropdown. */\n    const handleDropdownClose = () => {\n        dropdownOpenRef.current = false;\n\n        if (dropdownClosedByCalendarRef.current) {\n            dropdownClosedByCalendarRef.current = false;\n        } else if (\n            !inputFocusedRef.current &&\n            pickerValues.inputString !== lastValidPickerValuesRef.current.inputString\n        ) {\n            triggerChangeFromInput();\n        }\n\n        onDropdownClose?.();\n    };\n\n    /** Обработчик изменения даты. */\n    const handleDateChange = (date: moment.Moment) => {\n        dropdownClosedByCalendarRef.current = true;\n        tooltipOpenedRef.current = false;\n\n        onChange(date.format(format));\n    };\n\n    /** Рендер-функция управляющего элемента. */\n    const renderTarget = () => {\n        const { maskedInputProps, ...restTargetProps } = targetProps || {};\n        const { onChange: onInputChange, ...restMaskedInputProps } = maskedInputProps || {};\n\n        return (\n            <DateFieldContext.Provider value={{ inputFocusedRef, onChange, triggerChangeFromInput }}>\n                <DateFieldTarget\n                    size={size}\n                    status={status}\n                    label={label}\n                    onClear={onClear}\n                    maskedInputProps={{\n                        value: pickerValues.inputString,\n                        mask: FormFieldMaskedInput.presets.masks.date,\n                        placeholderMask,\n                        \"aria-label\": ariaLabel,\n                        \"aria-labelledby\": ariaLabelledby,\n                        onChange: (event) => {\n                            handleInputChange(event);\n                            onInputChange?.(event);\n                        },\n                        ...restMaskedInputProps,\n                    }}\n                    {...restTargetProps}\n                    ref={dropdownTargetRef}\n                />\n            </DateFieldContext.Provider>\n        );\n    };\n\n    /** Рендер-функция управляющего элемента в заголовке DropdownMobile. */\n    const renderDropdownHeaderTarget = () => (\n        <DropdownMobileMaskedInput\n            value={pickerValues.inputString}\n            mask={DropdownMobileMaskedInput.presets.masks.date}\n            placeholderMask={placeholderMask}\n            onChange={handleInputChange}\n            autoFocus={true}\n        />\n    );\n\n    /** Рендер-функция DatePickerExtended — поле ввода с выпадающим календарём. */\n    const renderDatePickerExtended = () => (\n        <DatePickerExtended\n            dropdownTargetRef={dropdownTargetRef}\n            renderTarget={renderTarget}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            pickedDate={pickerValues.calendarDate}\n            format={format}\n            limitRange={limitRange}\n            disabledDays={disabledDays}\n            onDropdownOpen={handleDropdownOpen}\n            onDropdownClose={handleDropdownClose}\n            onDateChange={handleDateChange}\n            {...restProps}\n            ref={setRef}\n        />\n    );\n\n    return (\n        <MobileView\n            fallback={\n                <Tooltip targetRef={tooltipTargetRef} size={ETooltipSize.SM} isOpen={tooltipOpenedRef.current}>\n                    <Tooltip.Body>{invalidDateHint}</Tooltip.Body>\n                    <Tooltip.Target>{renderDatePickerExtended()}</Tooltip.Target>\n                </Tooltip>\n            }\n        >\n            {renderDatePickerExtended()}\n        </MobileView>\n    );\n});\n\nDateField.displayName = \"DateField\";\n"],"names":["React"],"mappings":"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"}

package/components/DateField/DateFieldContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldContext.js","sources":["../../../src/components/DateField/DateFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { IDateFieldProps } from \"./types\";\n\n/** Свойства контекста компонента DatePickerExtended. */\ninterface IDateFieldContext extends Pick<IDateFieldProps, \"onChange\"> {\n    inputFocusedRef: React.MutableRefObject<boolean | null>;\n    triggerChangeFromInput: () => void;\n}\n\n/** Контекст компонента MonthYearField. */\nexport const DateFieldContext = React.createContext<IDateFieldContext>({\n    inputFocusedRef: { current: null },\n    onChange: () => {},\n    triggerChangeFromInput: () => {},\n});\n"],"names":["React"],"mappings":";AAUO,MAAM,mBAAmBA,eAAM,cAAiC;AAAA,EACnE,iBAAiB,EAAE,SAAS,KAAA;AAAA,EAC5B,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,wBAAwB,MAAM;AAAA,EAAC;AACnC,CAAC;"}
+{"version":3,"file":"DateFieldContext.js","sources":["../../../src/components/DateField/DateFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { IDateFieldProps } from \"./types\";\n\n/** Свойства контекста компонента DateField. */\ninterface IDateFieldContext extends Pick<IDateFieldProps, \"onChange\"> {\n    /** Находится ли поле ввода в фокусе. */\n    inputFocusedRef: React.MutableRefObject<boolean | null>;\n    /** Зафиксировать введённое в поле значение: вызвать onChange либо откатить поле к последнему валидному значению. */\n    triggerChangeFromInput: () => void;\n}\n\n/** Контекст компонента DateField. */\nexport const DateFieldContext = React.createContext<IDateFieldContext>({\n    inputFocusedRef: { current: null },\n    onChange: () => {},\n    triggerChangeFromInput: () => {},\n});\n"],"names":["React"],"mappings":";AAYO,MAAM,mBAAmBA,eAAM,cAAiC;AAAA,EACnE,iBAAiB,EAAE,SAAS,KAAA;AAAA,EAC5B,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,wBAAwB,MAAM;AAAA,EAAC;AACnC,CAAC;"}

package/components/DateField/DateFieldTarget.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { CalendarStrokeSrvIcon24, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext } from "../DatePickerExtended/DatePickerExtendedContext.js";
 import { DateFieldContext } from "./DateFieldContext.js";
@@ -12,10 +12,10 @@ import { useMobileView } from "../MobileView/useMobileView.js";
 import { isKey } from "../../utils/keyboard.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
-const dateFieldTarget = "dateFieldTarget__0f96d60f";
-const minWidthSM = "minWidthSM__9399f01c";
-const minWidthMD = "minWidthMD__c2821dd8";
-const minWidthLG = "minWidthLG__8808d492";
+const dateFieldTarget = "dateFieldTarget__f1c45eb8";
+const minWidthSM = "minWidthSM__8b2138d6";
+const minWidthMD = "minWidthMD__d6b8af5c";
+const minWidthLG = "minWidthLG__1407f8a2";
 const styles = {
   dateFieldTarget,
   minWidthSM,
@@ -102,6 +102,7 @@ const DateFieldTarget = React__default.forwardRef(
     );
   }
 );
+DateFieldTarget.displayName = "DateFieldTarget";
 export {
   DateFieldTarget
 };

package/components/DateField/DateFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldTarget.js","sources":["../../../src/components/DateField/DateFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { MaskedField } from \"../MaskedField/MaskedField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IDateFieldTargetProps } from \"./types\";\nimport styles from \"./styles/DateFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const DateFieldTarget = React.forwardRef<HTMLDivElement, IDateFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, maskedInputProps, onClear, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { inputFocusedRef, triggerChangeFromInput } = useContext(DateFieldContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onFocus: onInputFocus,\n            onBlur: onInputBlur,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = maskedInputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = true;\n            onInputFocus?.(event);\n        };\n\n        const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = false;\n\n            if (!dropdownOpen) {\n                triggerChangeFromInput();\n            }\n\n            onInputBlur?.(event);\n        };\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon active={dropdownOpen} disabled={disabled} onClick={handleButtonClick}>\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <MaskedField\n                className={clsx(styles.dateFieldTarget, className)}\n                size={size}\n                maskedInputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    onFocus: handleInputFocus,\n                    onBlur: handleInputBlur,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,kBAAkB,SAAS,GAAG,UAAA,GAAa,QAAQ;AAChG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,iBAAiB,2BAA2B,WAAW,gBAAgB;AAC/E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,mBAA8D,CAAC,UAAU;AAC3E,sBAAgB,UAAU;AAC1B,mDAAe;AAAA,IACnB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,sBAAgB,UAAU;AAE1B,UAAI,CAAC,cAAc;AACf,+BAAA;AAAA,MACJ;AAEA,iDAAc;AAAA,IAClB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AAEA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAgE,MAAM,gBAAgB,CAAC,YAAY;AAEzG,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C,oBAAC,cAAW,QAAQ,cAAc,UAAoB,SAAS,mBAC1D,UAAA,0BAA0B,IAAI,EAAA,CACnC;AAAA,MACC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,QACjD;AAAA,QACA,kBAAkB;AAAA,UACd,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}
+{"version":3,"file":"DateFieldTarget.js","sources":["../../../src/components/DateField/DateFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { MaskedField } from \"../MaskedField/MaskedField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IDateFieldTargetProps } from \"./types\";\nimport styles from \"./styles/DateFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\n/**\n * Управляющий элемент DateField — поле ввода даты с маской.\n * Кнопка-иконка календаря и клавиши Enter/Space открывают и закрывают выпадающий календарь,\n * потеря фокуса при закрытом календаре фиксирует введённое значение.\n */\nexport const DateFieldTarget = React.forwardRef<HTMLDivElement, IDateFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, maskedInputProps, onClear, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { inputFocusedRef, triggerChangeFromInput } = useContext(DateFieldContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onFocus: onInputFocus,\n            onBlur: onInputBlur,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = maskedInputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = true;\n            onInputFocus?.(event);\n        };\n\n        const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = false;\n\n            if (!dropdownOpen) {\n                triggerChangeFromInput();\n            }\n\n            onInputBlur?.(event);\n        };\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon active={dropdownOpen} disabled={disabled} onClick={handleButtonClick}>\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <MaskedField\n                className={clsx(styles.dateFieldTarget, className)}\n                size={size}\n                maskedInputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    onFocus: handleInputFocus,\n                    onBlur: handleInputBlur,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n\nDateFieldTarget.displayName = \"DateFieldTarget\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAOO,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,kBAAkB,SAAS,GAAG,UAAA,GAAa,QAAQ;AAChG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,iBAAiB,2BAA2B,WAAW,gBAAgB;AAC/E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,mBAA8D,CAAC,UAAU;AAC3E,sBAAgB,UAAU;AAC1B,mDAAe;AAAA,IACnB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,sBAAgB,UAAU;AAE1B,UAAI,CAAC,cAAc;AACf,+BAAA;AAAA,MACJ;AAEA,iDAAc;AAAA,IAClB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AAEA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAgE,MAAM,gBAAgB,CAAC,YAAY;AAEzG,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C,oBAAC,cAAW,QAAQ,cAAc,UAAoB,SAAS,mBAC1D,UAAA,0BAA0B,IAAI,EAAA,CACnC;AAAA,MACC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,QACjD;AAAA,QACA,kBAAkB;AAAA,UACd,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/DatePickerExtended/DatePickerExtended.js

@@ -5,7 +5,7 @@ import { Calendar } from "../Calendar/Calendar.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-kMroiHoh.js";
+import "../../chunks/DropdownListItem-B9cIx_8A.js";
 import { EDropdownAlignment } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -136,7 +136,7 @@ const DatePickerExtended = React__default.forwardRef((props, ref) => {
       onKeyDown: handleKeyDown,
       onMouseDown: handleMouseDown,
       ...restProps,
-      "data-tx": "1.45.0",
+      "data-tx": "1.47.0",
       ref: setRef,
       children: /* @__PURE__ */ jsxs(DatePickerExtendedContext.Provider, { value: { dropdownOpen, mouseUsedRef, setDropdownOpen }, children: [
         renderTarget(),

package/components/DatePickerExtended/DatePickerExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerExtended.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtended.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { FocusTrapProps } from \"focus-trap-react\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { Calendar, ICalendarProps } from \"../Calendar\";\nimport { EDropdownAlignment, IDropdownProps } from \"../Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DatePickerExtendedDropdown } from \"./DatePickerExtendedDropdown\";\nimport { EComponentSize } from \"../../enums\";\n\n/**\n * Свойства компонента DatePickerExtended.\n * adaptiveMode исключён из props календаря: адаптивный режим компонент определяет сам по версии дропдауна.\n */\nexport interface IDatePickerExtendedProps\n    extends\n        Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n        Pick<IDropdownProps, \"alignment\">,\n        Omit<ICalendarProps, \"adaptiveMode\"> {\n    /** Ссылка на целевой элемент для Dropdown. По умолчанию — корневой элемент компонента. */\n    dropdownTargetRef?: React.RefObject<HTMLElement>;\n    /** Рендер-функция целевого элемента. */\n    renderTarget: () => React.ReactNode;\n    /** Рендер-функция целевого элемента в заголовке DropdownMobile. */\n    renderDropdownHeaderTarget: () => React.ReactNode;\n    /** Callback на открытие Dropdown. */\n    onDropdownOpen?: () => void;\n    /** Callback на закрытие Dropdown. */\n    onDropdownClose?: () => void;\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n}\n\n/**\n * База для компонентов выбора даты (DateField, MonthYearField, ChipDatePicker).\n * Рендерит переданный целевым элемент и выпадающий Calendar, хранит состояние открытости\n * дропдауна и отдаёт его целевому элементу через DatePickerExtendedContext.\n */\nexport const DatePickerExtended = React.forwardRef<HTMLDivElement, IDatePickerExtendedProps>((props, ref) => {\n    const {\n        // Dropdown props\n        dropdownTargetRef,\n        alignment = EDropdownAlignment.LEFT,\n        focusTrapProps,\n        // Calendar props — перечислены явно, иначе они попадут в restProps и осядут на корневом div.\n        pickType,\n        format,\n        defaultViewDate,\n        onViewChange,\n        onPageChange,\n        pickedDate,\n        limitRange,\n        markedDays,\n        disabledDays,\n        reversedPick,\n        dayHtmlAttributes,\n        monthHtmlAttributes,\n        yearHtmlAttributes,\n        prevButtonProps,\n        nextButtonProps,\n        viewButtonProps,\n        yesterdayButtonProps,\n        todayButtonProps,\n        tomorrowButtonProps,\n        onDateChange,\n        // Other\n        renderTarget,\n        renderDropdownHeaderTarget,\n        onKeyDown,\n        onMouseDown,\n        onDropdownOpen,\n        onDropdownClose,\n        // adaptiveMode исключён из публичного типа, но JS-потребитель и старый скомпилированный код\n        // всё ещё могут его передать. Снимаем значение здесь, иначе оно уйдёт на корневой div.\n        adaptiveMode,\n        ...restProps\n    } = props as IDatePickerExtendedProps & Pick<ICalendarProps, \"adaptiveMode\">;\n    const [dropdownOpen, setDropdownOpen] = useState(false);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    /** Флаг взаимодействия пользователя мышью. */\n    const mouseUsedRef = useRef(false);\n\n    useEffect(() => {\n        if (!dropdownOpen) {\n            mouseUsedRef.current = false;\n\n            return;\n        }\n\n        /** Обработчик нажатия мыши вне компонента. */\n        const handleOutsideMouseDown = (event: MouseEvent) => {\n            if (\n                !containerRef.current?.contains(event.target as Node) &&\n                !dropdownRef.current?.contains(event.target as Node)\n            ) {\n                setDropdownOpen(false);\n            }\n        };\n\n        document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n        };\n    }, [dropdownOpen]);\n\n    /** Обработчик нажатия клавиши. */\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        const key = event.code || event.keyCode;\n\n        if (dropdownOpen && isKey(key, \"ESCAPE\")) {\n            setDropdownOpen(false);\n        }\n\n        onKeyDown?.(event);\n    };\n\n    /** Обработчик нажатия мыши. */\n    const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n        mouseUsedRef.current = true;\n\n        onMouseDown?.(event);\n    };\n\n    /** Обработчик изменения даты. Выбор даты закрывает дропдаун. */\n    const handleDateChange = (date: moment.Moment) => {\n        setDropdownOpen(false);\n\n        onDateChange(date);\n    };\n\n    /** Рендер календаря. Адаптивный режим включает мобильная версия дропдауна. */\n    const renderCalendar = (adaptive: boolean) => (\n        <Calendar\n            defaultViewDate={defaultViewDate}\n            pickedDate={pickedDate}\n            pickType={pickType}\n            format={format}\n            limitRange={limitRange}\n            markedDays={markedDays}\n            disabledDays={disabledDays}\n            reversedPick={reversedPick}\n            adaptiveMode={adaptive}\n            onDateChange={handleDateChange}\n            onPageChange={onPageChange}\n            onViewChange={onViewChange}\n            dayHtmlAttributes={dayHtmlAttributes}\n            monthHtmlAttributes={monthHtmlAttributes}\n            yearHtmlAttributes={yearHtmlAttributes}\n            prevButtonProps={prevButtonProps}\n            nextButtonProps={nextButtonProps}\n            viewButtonProps={viewButtonProps}\n            yesterdayButtonProps={yesterdayButtonProps}\n            todayButtonProps={todayButtonProps}\n            tomorrowButtonProps={tomorrowButtonProps}\n        />\n    );\n\n    const setRef = (node: HTMLDivElement | null) => {\n        containerRef.current = node;\n\n        if (typeof ref === \"function\") {\n            ref(node);\n        } else if (ref) {\n            ref.current = node;\n        }\n    };\n\n    return (\n        <div\n            onKeyDown={handleKeyDown}\n            onMouseDown={handleMouseDown}\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={setRef}\n        >\n            <DatePickerExtendedContext.Provider value={{ dropdownOpen, mouseUsedRef, setDropdownOpen }}>\n                {renderTarget()}\n                <DatePickerExtendedDropdown\n                    opened={dropdownOpen}\n                    size={EComponentSize.MD}\n                    alignment={alignment}\n                    targetRef={dropdownTargetRef || containerRef}\n                    focusTrapProps={focusTrapProps}\n                    renderCalendar={renderCalendar}\n                    renderHeaderTarget={renderDropdownHeaderTarget}\n                    setOpened={setDropdownOpen}\n                    onOpen={onDropdownOpen}\n                    onClose={onDropdownClose}\n                    ref={dropdownRef}\n                />\n            </DatePickerExtendedContext.Provider>\n        </div>\n    );\n});\n\nDatePickerExtended.displayName = \"DatePickerExtended\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DatePickerExtended.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtended.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { FocusTrapProps } from \"focus-trap-react\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { Calendar, ICalendarProps } from \"../Calendar\";\nimport { EDropdownAlignment, IDropdownProps } from \"../Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DatePickerExtendedDropdown } from \"./DatePickerExtendedDropdown\";\nimport { EComponentSize } from \"../../enums\";\n\n/**\n * Свойства компонента DatePickerExtended.\n * adaptiveMode исключён из props календаря: адаптивный режим компонент определяет сам по версии дропдауна.\n */\nexport interface IDatePickerExtendedProps\n    extends\n        Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n        Pick<IDropdownProps, \"alignment\">,\n        Omit<ICalendarProps, \"adaptiveMode\"> {\n    /** Ссылка на целевой элемент для Dropdown. По умолчанию — корневой элемент компонента. */\n    dropdownTargetRef?: React.RefObject<HTMLElement>;\n    /** Рендер-функция целевого элемента. */\n    renderTarget: () => React.ReactNode;\n    /** Рендер-функция целевого элемента в заголовке DropdownMobile. */\n    renderDropdownHeaderTarget: () => React.ReactNode;\n    /** Callback на открытие Dropdown. */\n    onDropdownOpen?: () => void;\n    /** Callback на закрытие Dropdown. */\n    onDropdownClose?: () => void;\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n}\n\n/**\n * База для компонентов выбора даты (DateField, MonthYearField, ChipDatePicker, ChipMonthYearPicker).\n * Рендерит переданный целевым элемент и выпадающий Calendar, хранит состояние открытости\n * дропдауна и отдаёт его целевому элементу через DatePickerExtendedContext.\n */\nexport const DatePickerExtended = React.forwardRef<HTMLDivElement, IDatePickerExtendedProps>((props, ref) => {\n    const {\n        // Dropdown props\n        dropdownTargetRef,\n        alignment = EDropdownAlignment.LEFT,\n        focusTrapProps,\n        // Calendar props — перечислены явно, иначе они попадут в restProps и осядут на корневом div.\n        pickType,\n        format,\n        defaultViewDate,\n        onViewChange,\n        onPageChange,\n        pickedDate,\n        limitRange,\n        markedDays,\n        disabledDays,\n        reversedPick,\n        dayHtmlAttributes,\n        monthHtmlAttributes,\n        yearHtmlAttributes,\n        prevButtonProps,\n        nextButtonProps,\n        viewButtonProps,\n        yesterdayButtonProps,\n        todayButtonProps,\n        tomorrowButtonProps,\n        onDateChange,\n        // Other\n        renderTarget,\n        renderDropdownHeaderTarget,\n        onKeyDown,\n        onMouseDown,\n        onDropdownOpen,\n        onDropdownClose,\n        // adaptiveMode исключён из публичного типа, но JS-потребитель и старый скомпилированный код\n        // всё ещё могут его передать. Снимаем значение здесь, иначе оно уйдёт на корневой div.\n        adaptiveMode,\n        ...restProps\n    } = props as IDatePickerExtendedProps & Pick<ICalendarProps, \"adaptiveMode\">;\n    const [dropdownOpen, setDropdownOpen] = useState(false);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    /** Флаг взаимодействия пользователя мышью. */\n    const mouseUsedRef = useRef(false);\n\n    useEffect(() => {\n        if (!dropdownOpen) {\n            mouseUsedRef.current = false;\n\n            return;\n        }\n\n        /** Обработчик нажатия мыши вне компонента. */\n        const handleOutsideMouseDown = (event: MouseEvent) => {\n            if (\n                !containerRef.current?.contains(event.target as Node) &&\n                !dropdownRef.current?.contains(event.target as Node)\n            ) {\n                setDropdownOpen(false);\n            }\n        };\n\n        document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n        };\n    }, [dropdownOpen]);\n\n    /** Обработчик нажатия клавиши. */\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        const key = event.code || event.keyCode;\n\n        if (dropdownOpen && isKey(key, \"ESCAPE\")) {\n            setDropdownOpen(false);\n        }\n\n        onKeyDown?.(event);\n    };\n\n    /** Обработчик нажатия мыши. */\n    const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n        mouseUsedRef.current = true;\n\n        onMouseDown?.(event);\n    };\n\n    /** Обработчик изменения даты. Выбор даты закрывает дропдаун. */\n    const handleDateChange = (date: moment.Moment) => {\n        setDropdownOpen(false);\n\n        onDateChange(date);\n    };\n\n    /** Рендер календаря. Адаптивный режим включает мобильная версия дропдауна. */\n    const renderCalendar = (adaptive: boolean) => (\n        <Calendar\n            defaultViewDate={defaultViewDate}\n            pickedDate={pickedDate}\n            pickType={pickType}\n            format={format}\n            limitRange={limitRange}\n            markedDays={markedDays}\n            disabledDays={disabledDays}\n            reversedPick={reversedPick}\n            adaptiveMode={adaptive}\n            onDateChange={handleDateChange}\n            onPageChange={onPageChange}\n            onViewChange={onViewChange}\n            dayHtmlAttributes={dayHtmlAttributes}\n            monthHtmlAttributes={monthHtmlAttributes}\n            yearHtmlAttributes={yearHtmlAttributes}\n            prevButtonProps={prevButtonProps}\n            nextButtonProps={nextButtonProps}\n            viewButtonProps={viewButtonProps}\n            yesterdayButtonProps={yesterdayButtonProps}\n            todayButtonProps={todayButtonProps}\n            tomorrowButtonProps={tomorrowButtonProps}\n        />\n    );\n\n    const setRef = (node: HTMLDivElement | null) => {\n        containerRef.current = node;\n\n        if (typeof ref === \"function\") {\n            ref(node);\n        } else if (ref) {\n            ref.current = node;\n        }\n    };\n\n    return (\n        <div\n            onKeyDown={handleKeyDown}\n            onMouseDown={handleMouseDown}\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={setRef}\n        >\n            <DatePickerExtendedContext.Provider value={{ dropdownOpen, mouseUsedRef, setDropdownOpen }}>\n                {renderTarget()}\n                <DatePickerExtendedDropdown\n                    opened={dropdownOpen}\n                    size={EComponentSize.MD}\n                    alignment={alignment}\n                    targetRef={dropdownTargetRef || containerRef}\n                    focusTrapProps={focusTrapProps}\n                    renderCalendar={renderCalendar}\n                    renderHeaderTarget={renderDropdownHeaderTarget}\n                    setOpened={setDropdownOpen}\n                    onOpen={onDropdownOpen}\n                    onClose={onDropdownClose}\n                    ref={dropdownRef}\n                />\n            </DatePickerExtendedContext.Provider>\n        </div>\n    );\n});\n\nDatePickerExtended.displayName = \"DatePickerExtended\";\n"],"names":["React"],"mappings":"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"}

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useContext, useRef } from "react";
-import { j as focusTrapReactExports } from "../../chunks/vendor-D4wvHis9.js";
+import { j as focusTrapReactExports } from "../../chunks/vendor-CUIykw0y.js";
 import { Dropdown } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
@@ -14,7 +14,7 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__fe540966";
+const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__f8459bb1";
 const styles = {
   datePickerExtendedMobileDropdown
 };

package/components/DateRange/DateRange.js

@@ -1,93 +1,80 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import moment from "moment";
+import React__default from "react";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EDateRangeShiftUnit } from "./enums.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const dateRange = "dateRange__a0247ddb";
-const dateRangeButton = "dateRangeButton__98062505";
-const separator = "separator__6b9df255";
+import { shiftDateRange } from "./utils.js";
+const dateRange = "dateRange__aa91e9ae";
+const dateRangeButton = "dateRangeButton__db76128e";
+const separator = "separator__34d60f77";
 const styles = {
   dateRange,
   dateRangeButton,
   separator
 };
-const DateRange = ({
-  children,
-  className,
-  value,
-  onChange,
-  shiftAmount = 1,
-  shiftUnit = EDateRangeShiftUnit.MONTH,
-  hideNavigation,
-  renderPickerFrom,
-  renderPickerTo,
-  renderButtonForward,
-  renderButtonBack,
-  ...rest
-}) => {
-  const [start, end] = value;
-  const classNames = clsx(styles.dateRange, className);
-  const handleChangePickerFrom = (date) => {
-    if (!date || !end || date <= end) {
-      onChange([date, end]);
-    } else {
-      onChange([date, ""]);
-    }
-  };
-  const handleChangePickerTo = (date) => {
-    if (!date || !start || date >= start) {
-      onChange([start, date]);
-    } else {
-      onChange(["", date]);
-    }
-  };
-  const shiftRangeBack = () => {
-    if (!start || !end) {
-      return;
-    }
-    const momentStart = moment(start, dateFormatYYYYMMDD);
-    const momentEnd = moment(end, dateFormatYYYYMMDD);
-    onChange([
-      momentStart.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),
-      momentEnd.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD)
-    ]);
-  };
-  const shiftRangeForward = () => {
-    if (!start || !end) {
-      return;
-    }
-    const momentStart = moment(start, dateFormatYYYYMMDD);
-    const momentEnd = moment(end, dateFormatYYYYMMDD);
-    onChange([
-      momentStart.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),
-      momentEnd.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD)
-    ]);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, children: [
-    !hideNavigation && renderButtonBack({
-      children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 5 }),
-      className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),
-      disabled: !(start && end),
-      onClick: shiftRangeBack
-    }),
-    renderPickerFrom({
-      onChange: handleChangePickerFrom,
-      value: start
-    }),
-    /* @__PURE__ */ jsx(RangeStrokeSrvIcon16, { className: styles.separator, paletteIndex: 5 }),
-    renderPickerTo({
-      onChange: handleChangePickerTo,
-      value: end
-    }),
-    !hideNavigation && renderButtonForward({
-      children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon20, { paletteIndex: 5 }),
-      className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),
-      disabled: !(start && end),
-      onClick: shiftRangeForward
-    })
-  ] });
-};
+const DateRange = React__default.forwardRef(
+  ({
+    children,
+    className,
+    value,
+    onChange,
+    shiftAmount = 1,
+    shiftUnit = EDateRangeShiftUnit.MONTH,
+    hideNavigation,
+    renderPickerFrom,
+    renderPickerTo,
+    renderButtonForward,
+    renderButtonBack,
+    ...rest
+  }, ref) => {
+    const [start, end] = value;
+    const classNames = clsx(styles.dateRange, className);
+    const shiftDisabled = !(start && end);
+    const handleChangePickerFrom = (date) => {
+      if (!date || !end || date <= end) {
+        onChange([date, end]);
+      } else {
+        onChange([date, ""]);
+      }
+    };
+    const handleChangePickerTo = (date) => {
+      if (!date || !start || date >= start) {
+        onChange([start, date]);
+      } else {
+        onChange(["", date]);
+      }
+    };
+    const shiftRange = (amount) => {
+      if (shiftDisabled) {
+        return;
+      }
+      onChange(shiftDateRange(value, amount, shiftUnit));
+    };
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, ref, children: [
+      !hideNavigation && renderButtonBack({
+        children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 5 }),
+        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),
+        disabled: shiftDisabled,
+        onClick: () => shiftRange(-shiftAmount)
+      }),
+      renderPickerFrom({
+        onChange: handleChangePickerFrom,
+        value: start
+      }),
+      /* @__PURE__ */ jsx(RangeStrokeSrvIcon16, { className: styles.separator, paletteIndex: 5 }),
+      renderPickerTo({
+        onChange: handleChangePickerTo,
+        value: end
+      }),
+      !hideNavigation && renderButtonForward({
+        children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon20, { paletteIndex: 5 }),
+        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),
+        disabled: shiftDisabled,
+        onClick: () => shiftRange(shiftAmount)
+      })
+    ] });
+  }
+);
 DateRange.displayName = "DateRange";
 export {
   DateRange