@alfalab/core-components-date-range-input 3.0.10 → 3.0.12

package/modern/components/date-range-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1iaxs */
+/* hash: 1vwf3 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_anmtt {
+} .date-range-input__component_1hqhh {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_anmtt {
+} .date-range-input__calendarContainer_1hqhh {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_anmtt {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1hqhh {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_anmtt {
+    } .date-range-input__calendarResponsive_1hqhh {
     width: var(--calendar-width);
-} .date-range-input__block_anmtt {
+} .date-range-input__block_1hqhh {
     width: 100%;
-} .date-range-input__calendarIcon_anmtt {
+} .date-range-input__calendarIcon_1hqhh {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/modern/components/date-range-input/index.js

@@ -2,8 +2,8 @@ export { DateRangeInput } from './Component.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
-import 'date-fns';
 import 'date-fns/isValid';
+import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar/modern/shared';
 import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/core-components-popover/modern';

package/modern/desktop-63dec22f.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.desktop-2e2b2125";
+export * from "./Component.desktop-b5b4c59f";
 export {};

package/modern/desktop-69921c40.d.ts

@@ -0,0 +1,2 @@
+export { ButtonDesktop } from "./Component.desktop-0aa4e915";
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/modern/desktop.js

@@ -5,8 +5,8 @@ import '@alfalab/core-components-input/modern/desktop';
 import './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import 'date-fns';
 import 'date-fns/isValid';
+import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar/modern/shared';
 import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/core-components-popover/modern';

package/modern/{index-72308007.d.ts → index-10db897e.d.ts}

@@ -10,10 +10,6 @@ declare function easeInOutQuad(x: number): number;
 declare const easingFns: {
     easeInOutQuad: typeof easeInOutQuad;
 };
-declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
-declare const inputUtils: {
-    disableUserInput: typeof disableUserInput;
-};
 /**
  * Возвращает true, если значение равно null или undefined
  */
@@ -51,4 +47,4 @@ declare const maskUtils: {
     prefixPostprocessor: typeof prefixPostprocessor;
     caretGuard: typeof caretGuard;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };
+export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };

package/{esm/Component.responsive-2e2b2125.d.ts → modern/index-3109f463.d.ts}

@@ -1,7 +1,4 @@
-/// <reference types="react" />
-import React from "react";
 import { FC, ReactNode } from "react";
-import { ButtonProps } from "./typings-9211a437";
 type MqProps = {
     /**
      * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
@@ -62,5 +59,4 @@ declare const _exports: {
     "--desktop-xl": string;
     "--desktop": string;
 };
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported, Button };
+export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported };

package/modern/index-89f0cb07.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "./Component.responsive-0aa4e915";
+export type { ButtonProps } from "./typings-89f0cb07";

package/modern/index-f034f741.d.ts

@@ -77,4 +77,4 @@ type PeriodSliderProps = {
 };
 declare const PeriodSlider: FC<PeriodSliderProps>;
 export { PeriodType, PeriodSliderProps, PeriodSlider };
-export { shiftValues } from "./Component.desktop-8b5756fe";
+export { shiftValues } from "./Component.desktop-b5b4c59f";

package/modern/index.js

@@ -7,8 +7,8 @@ import '@alfalab/core-components-input/modern/desktop';
 import './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import 'date-fns';
 import 'date-fns/isValid';
+import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar/modern/shared';
 import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/core-components-popover/modern';

package/modern/mobile-c219f8ca.d.ts

@@ -1 +1 @@
-export * from "./Component-8b5756fe";
+export * from "./Component-b5b4c59f";

package/modern/mobile.js

@@ -5,8 +5,8 @@ import '@alfalab/core-components-input/modern/mobile';
 import './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import 'date-fns';
 import 'date-fns/isValid';
+import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar/modern/shared';
 import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/core-components-popover/modern';

package/modern/{types-83e2bd9e.d.ts → types-1c79e231.d.ts}

@@ -14,7 +14,7 @@ type NavigationBarProps = {
     /**
      * Подзаголовок (доступен только в мобильной версии)
      */
-    subtitle?: string;
+    subtitle?: ReactNode;
     /**
      * Размер заголовка (compact доступен только в мобильной версии)
      */

package/{esm/typings-9211a437.d.ts → modern/typings-89f0cb07.d.ts}

@@ -69,6 +69,8 @@ type ComponentProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+};
+type PrivateButtonProps = {
     /**
      * Основные стили компонента.
      */
@@ -80,16 +82,12 @@ type ComponentProps = {
      */
     colorStylesMap: StyleColors;
 };
-type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
-type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-date-range-input",
-    "version": "3.0.10",
+    "version": "3.0.12",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -35,9 +35,9 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-input": "^12.1.4",
-        "@alfalab/core-components-icon-button": "^6.2.5",
-        "@alfalab/core-components-calendar": "^7.0.7",
+        "@alfalab/core-components-input": "^12.2.1",
+        "@alfalab/core-components-icon-button": "^6.3.1",
+        "@alfalab/core-components-calendar": "^7.0.9",
         "@alfalab/core-components-popover": "^6.1.0",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.108.0",

package/src/components/date-range-input/Component.tsx

@@ -10,8 +10,8 @@ import React, {
 } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
-import { startOfMonth } from 'date-fns';
 import dateFnsIsValid from 'date-fns/isValid';
+import startOfMonth from 'date-fns/startOfMonth';
 
 import type { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';
 import type { CalendarMobileProps } from '@alfalab/core-components-calendar/mobile';
@@ -458,6 +458,7 @@ export const DateRangeInput = React.forwardRef<HTMLInputElement, DateRangeInputP
             >
                 {InputComponent ? (
                     <InputComponent
+                        autoComplete={picker ? 'off' : undefined}
                         {...restProps}
                         block={block}
                         ref={mergeRefs([ref, inputRef])}
@@ -484,24 +485,27 @@ export const DateRangeInput = React.forwardRef<HTMLInputElement, DateRangeInputP
                         }
                     />
                 ) : null}
-                {picker && (
-                    <Popover
-                        open={open}
-                        useAnchorWidth={useAnchorWidth}
-                        anchorElement={inputRef.current as HTMLElement}
-                        popperClassName={cn(styles.calendarContainer, {
-                            [styles.calendarResponsive]: calendarResponsive,
-                        })}
-                        className={popoverClassName}
-                        position={popoverPosition}
-                        offset={[0, 8]}
-                        withTransition={false}
-                        preventFlip={preventFlip}
-                        zIndex={zIndexPopover}
-                    >
-                        {renderCalendar()}
-                    </Popover>
-                )}
+                {picker &&
+                    (view === 'desktop' ? (
+                        <Popover
+                            open={open}
+                            useAnchorWidth={useAnchorWidth}
+                            anchorElement={inputRef.current as HTMLElement}
+                            popperClassName={cn(styles.calendarContainer, {
+                                [styles.calendarResponsive]: calendarResponsive,
+                            })}
+                            className={popoverClassName}
+                            position={popoverPosition}
+                            offset={[0, 8]}
+                            withTransition={false}
+                            preventFlip={preventFlip}
+                            zIndex={zIndexPopover}
+                        >
+                            {renderCalendar()}
+                        </Popover>
+                    ) : (
+                        renderCalendar()
+                    ))}
             </div>
         );
     },

package/{types-83e2bd9e.d.ts → types-1c79e231.d.ts}

@@ -14,7 +14,7 @@ type NavigationBarProps = {
     /**
      * Подзаголовок (доступен только в мобильной версии)
      */
-    subtitle?: string;
+    subtitle?: ReactNode;
     /**
      * Размер заголовка (compact доступен только в мобильной версии)
      */

package/{cssm/typings-9211a437.d.ts → typings-89f0cb07.d.ts}

@@ -69,6 +69,8 @@ type ComponentProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+};
+type PrivateButtonProps = {
     /**
      * Основные стили компонента.
      */
@@ -80,16 +82,12 @@ type ComponentProps = {
      */
     colorStylesMap: StyleColors;
 };
-type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
-type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/cssm/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/cssm/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/cssm/index-9211a437.d.ts

@@ -1,2 +0,0 @@
-export { Button } from "./Component.responsive-2e2b2125";
-export type { ButtonProps } from "./typings-9211a437";

package/esm/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/esm/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/esm/index-9211a437.d.ts

@@ -1,2 +0,0 @@
-export { Button } from "./Component.responsive-2e2b2125";
-export type { ButtonProps } from "./typings-9211a437";

package/index-9211a437.d.ts

@@ -1,2 +0,0 @@
-export { Button } from "./Component.responsive-2e2b2125";
-export type { ButtonProps } from "./typings-9211a437";

package/modern/Component-72308007.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { NavigationBarProps } from "./types-83e2bd9e";
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-63dec22f";
-export { NavigationBar };

package/modern/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/modern/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/modern/index-9211a437.d.ts

@@ -1,2 +0,0 @@
-export { Button } from "./Component.responsive-2e2b2125";
-export type { ButtonProps } from "./typings-9211a437";