@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/components/Calendar/Calendar.d.ts

@@ -1,129 +1,104 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Nullable, Range } from '../../typings/utility-types';
-import { MonthViewModel } from './MonthViewModel';
-import { CalendarDayProps } from './CalendarDay';
-export interface CalendarProps extends CommonProps {
-    /**
-     * Вызывается при изменении `value`
-     *
-     * В аргументе хранится дата в формате `dd.mm.yyyy`
-     */
-    onValueChange?: (date: string) => void;
-    /**
-     * Задаёт текущую дату
-     *
-     * Дата задаётся в формате `dd.mm.yyyy`
-     */
-    value: Nullable<string>;
-    /**
-     * Задаёт максимальную возможную дату
-     *
-     * Дата задаётся в формате `dd.mm.yyyy`
-     */
-    maxDate?: string;
-    /**
-     * Задаёт минимальную возможную дату
-     *
-     * Дата задаётся в формате `dd.mm.yyyy`
-     */
-    minDate?: string;
-    /**
-     * Функция для определения праздничных дней
-     * @default (_day, isWeekend) => isWeekend
-     * @param {string} day - строка в формате `dd.mm.yyyy`
-     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)
-     *
-     * @returns {boolean} `true` для выходного или `false` для рабочего дня
-     */
-    isHoliday?: (day: string, isWeekend: boolean) => boolean;
-    /**
-     * Позволяет задать начальный месяц
-     */
-    initialMonth?: Range<1, 13>;
-    /**
-     * Позволяет задать начальный год
-     */
-    initialYear?: number;
-    /**
-     * Метод отрисовки дат в календаре
-     * @default (props: CalendarDayProps) => <CalendarDay {...props} />
-     * @param {CalendarDayProps} props
-     *
-     * @returns {ReactElement} Элемент, который отрисовывает контент числа месяца.
-     */
-    renderDay?: (props: CalendarDayProps) => React.ReactElement;
-    /**
-     * Вызывается при каждом изменении месяца
-     * @param {CalendarMonthChangeInfo} changeInfo - информация о изменении отображаемого месяца, где
-     * `month: number` - номер текущего отображаемого месяца от 1 до 12,
-     * `year: number` - отображаемый год,
-     */
-    onMonthChange?: (changeInfo: CalendarMonthChangeInfo) => void;
-}
-export interface CalendarState {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    scrollDirection: number;
-    scrollTarget: number;
-}
-export interface CalendarMonthChangeInfo {
-    month: number;
-    year: number;
-}
-export declare const CalendarDataTids: {
-    readonly root: "Calendar__root";
-    readonly month: "MonthView__month";
-    readonly dayCell: "DayCellView__root";
-    readonly headerMonth: "MonthView__headerMonth";
-    readonly headerYear: "MonthView__headerYear";
-};
-type DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' | 'isHoliday'>>;
-/**
- * Компонент календаря из [DatePicker](https://tech.skbkontur.ru/react-ui/#/Components/DatePicker)'а
- */
-export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static Day: React.MemoExoticComponent<import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLButtonElement, React.PropsWithChildren<CalendarDayProps>> & Record<never, never>>;
-    private static formatDate;
-    static defaultProps: DefaultProps;
-    private getProps;
-    private theme;
-    private emotion;
-    private styles;
-    private wheelEndTimeout;
-    private root;
-    private animation;
-    private touchStartY;
-    private setRootNode;
-    constructor(props: CalendarProps);
-    componentDidUpdate(prevProps: Readonly<CalendarProps>, prevState: Readonly<CalendarState>): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    /**
-     * Прокручивает календарь до переданной даты
-     * @public
-     */
-    scrollToMonth: (month: number, year: number) => Promise<void>;
-    private handleMonthChange;
-    private getViewModel;
-    private renderMain;
-    private refRoot;
-    private renderMonth;
-    private handleDateClick;
-    private getDateInNativeFormat;
-    private getMonthPositions;
-    private getVisibleMonths;
-    private handleMonthYearChange;
-    private executeAnimations;
-    private handleTouchStart;
-    private handleTouchMove;
-    private throttledHandleTouchMove;
-    private handleWheel;
-    private handleWheelEnd;
-    private scrollToNearestWeek;
-    private scrollTo;
-    private scrollAmount;
-}
-export {};
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { Nullable, Range } from '../../typings/utility-types';
+import { MonthViewModel } from './MonthViewModel';
+import type { CalendarDayProps } from './CalendarDay';
+export interface CalendarProps extends CommonProps {
+    /** Задает функцию, которая вызывается при изменении value.
+     * @param {string} date - строка в формате `dd.mm.yyyy`. */
+    onValueChange?: (date: string) => void;
+    /** Задает текущую дату в формате `dd.mm.yyyy`. */
+    value: Nullable<string>;
+    /** Задает максимальную возможную дату в формате `dd.mm.yyyy`. */
+    maxDate?: string;
+    /** Задает минимальную возможную дату в формате `dd.mm.yyyy`. */
+    minDate?: string;
+    /** Задает начальную дату периода в формате `dd.mm.yyyy`. */
+    periodStartDate?: string;
+    /** Задает конечную дату периода в формате `dd.mm.yyyy`. */
+    periodEndDate?: string;
+    /** Задает функцию для определения праздничных дней.
+     * @default (_day, isWeekend) => isWeekend.
+     * @param {string} day - строка в формате `dd.mm.yyyy`.
+     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье).
+     * @returns {boolean} `true` для выходного или `false` для рабочего дня. */
+    isHoliday?: (day: string, isWeekend: boolean) => boolean;
+    /** Задает начальный месяц. */
+    initialMonth?: Range<1, 13>;
+    /** Задает начальный год. */
+    initialYear?: number;
+    /** Задает метод отрисовки дат в календаре.
+     * @default (props: CalendarDayProps) => <CalendarDay {...props} />
+     * @param {CalendarDayProps} props - параметры дня.
+     * @returns {ReactElement} элемент, который отрисовывает контент числа месяца. */
+    renderDay?: (props: CalendarDayProps) => React.ReactElement;
+    /** Задает функцию, которая вызывается при каждом изменении месяца.
+     * @param {CalendarMonthChangeInfo} changeInfo - информация о изменении отображаемого месяца, где
+     * `month: number` - номер текущего отображаемого месяца от 1 до 12,
+     * `year: number` - отображаемый год. */
+    onMonthChange?: (changeInfo: CalendarMonthChangeInfo) => void;
+}
+export interface CalendarState {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+    scrollTarget: number;
+}
+export interface CalendarMonthChangeInfo {
+    month: number;
+    year: number;
+}
+export declare const CalendarDataTids: {
+    readonly root: "Calendar__root";
+    readonly month: "MonthView__month";
+    readonly dayCell: "DayCellView__root";
+    readonly headerMonth: "MonthView__headerMonth";
+    readonly headerYear: "MonthView__headerYear";
+};
+type DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' | 'isHoliday'>>;
+/**
+ * Компонент календаря `Calendar` из DatePicker'а помогает выбирать дату с помощью мыши.
+ */
+export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static Day: React.MemoExoticComponent<import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLButtonElement, React.PropsWithChildren<CalendarDayProps>> & Record<never, never>>;
+    private static formatDate;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private theme;
+    private wheelEndTimeout;
+    private root;
+    private animation;
+    private touchStartY;
+    private setRootNode;
+    constructor(props: CalendarProps);
+    componentDidUpdate(prevProps: Readonly<CalendarProps>, prevState: Readonly<CalendarState>): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    /**
+     * Прокручивает календарь до переданной даты
+     * @public
+     */
+    scrollToMonth: (month: number, year: number) => Promise<void>;
+    private handleMonthChange;
+    private getViewModel;
+    private renderMain;
+    private refRoot;
+    private renderMonth;
+    private handleDateClick;
+    private getDateInNativeFormat;
+    private getMonthPositions;
+    private getVisibleMonths;
+    private handleMonthYearChange;
+    private executeAnimations;
+    private handleTouchStart;
+    private handleTouchMove;
+    private throttledHandleTouchMove;
+    private handleWheel;
+    private handleWheelEnd;
+    private scrollToNearestWeek;
+    private scrollTo;
+    private scrollAmount;
+}
+export {};

package/components/Calendar/Calendar.md

@@ -1,6 +1,4 @@
-
-
-Календарь с заданной датой
+### Календарь с заданной датой
 
 ```jsx harmony
 const [date, setDate] = React.useState("01.11.2021");
@@ -11,6 +9,7 @@ const [date, setDate] = React.useState("01.11.2021");
 />
 ```
 
+### initialMonth и initialYear
 Вне зависимости от того, какая дата выбрана в календаре в данный момент - можно изменить отображение начального года и месяца с помощью пропов `initialMonth` и `initialYear`
 
 ```jsx harmony
@@ -35,12 +34,12 @@ const initialYear = 2000;
 </div>
 ```
 
-### `isHoliday`
+### isHoliday
 
 В компонент можно передать функцию `isHoliday`, которая будет получать день строкой формата `dd.mm.yyyy` и флаг `isWeekend`, и должна вернуть `true` для выходного и `false` для рабочего дня.
 
 ```jsx harmony
-import * as DatePickerHelpers from '../DatePicker/DatePickerHelpers';
+import * as DatePickerHelpers from '@skbkontur/react-ui/components/DatePicker/DatePickerHelpers';
 
 const [date, setDate] = React.useState();
 
@@ -82,6 +81,7 @@ const isHoliday = (day, isWeekend) => {
 <Calendar isHoliday={isHoliday} value={date} onValueChange={setDate} />;
 ```
 
+### Высота
 Календарю можно задать кастомную высоту с помощью переменной темы `calendarWrapperHeight`
 
 - Базовая высота календаря - `330px`
@@ -105,7 +105,6 @@ const theme = React.useContext(ThemeContext);
 ```
 
 ### Кастомный рендер дня
-
 Для кастомнизации дней в календаре используется метод `renderDay` и компонент [Calendar.Day](#/Components/Calendar/Calendar.Day)
 
 ```jsx harmony
@@ -147,11 +146,12 @@ const renderDay = (props) => {
 ```
 
 ### Календарь с ценами
-
-Пример с кастомизацией темы и кастомным рендером дня 
+Пример с кастомизацией темы и кастомным рендером дня.
 
 ```jsx harmony
-import { ThemeContext, ThemeFactory, CalendarDay } from '@skbkontur/react-ui';
+import { CalendarDay } from '@skbkontur/react-ui';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import { ThemeFactory } from '@skbkontur/react-ui/lib/theming/ThemeFactory';
 
 const theme = React.useContext(ThemeContext);
 
@@ -185,7 +185,7 @@ const [value, setValue] = React.useState(null);
 </ThemeContext.Provider>
 ```
 
-#### Локали по умолчанию
+### Локали по умолчанию
 
 ```typescript static
 interface CalendarLocale {
@@ -256,7 +256,7 @@ const calendarRef = React.useRef(null);
       ref={calendarRef}
       onValueChange={setValue}
     />
-    
+
     <Gapped vertical gap={8}>
       <Button onClick={() => calendarRef.current.scrollToMonth(1, 2023)}>
         I квартал
@@ -273,4 +273,4 @@ const calendarRef = React.useRef(null);
     </Gapped>
   </Gapped>
 </>;
-```
+```

package/components/Calendar/Calendar.styles/Calendar.styles.js

@@ -1,17 +1,15 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      var width = parseInt(t.calendarCellWidth) * 7;
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        box-sizing: content-box;\n        border-radius: ", ";\n        color: ", ";\n        display: block;\n        padding: 0 ", ";\n        width: ", "px;\n        touch-action: none;\n      "])), t.calendarBg, t.calendarBorderRadius, t.textColorDefault, t.calendarPaddingX, width);
-    },
-    wrapper: function wrapper() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        font-size: 14px;\n        position: relative;\n        overflow: hidden;\n      "])));
-    },
-    separator: function separator(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        border-bottom: ", ";\n        margin: 0 ", ";\n      "])), t.calendarBottomSeparatorBorder, t.calendarMonthTitleMarginX);
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  root: function root(t) {
+    var width = parseInt(t.calendarCellWidth) * 7;
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-sizing: content-box;\n      border-radius: ", ";\n      color: ", ";\n      display: block;\n      padding: 0 ", ";\n      width: ", "px;\n      touch-action: none;\n    "])), t.calendarBg, t.calendarBorderRadius, t.textColorDefault, t.calendarPaddingX, width);
+  },
+  wrapper: function wrapper() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-size: 14px;\n      position: relative;\n      overflow: hidden;\n    "])));
+  },
+  separator: function separator(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      border-bottom: ", ";\n      margin: 0 ", ";\n    "])), t.calendarBottomSeparatorBorder, t.calendarMonthTitleMarginX);
+  }
+});

package/components/Calendar/Calendar.styles/Calendar.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","root","t","width","parseInt","calendarCellWidth","css","_templateObject","_taggedTemplateLiteralLoose","calendarBg","calendarBorderRadius","textColorDefault","calendarPaddingX","wrapper","_templateObject2","separator","_templateObject3","calendarBottomSeparatorBorder","calendarMonthTitleMarginX"],"sources":["Calendar.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      const width = parseInt(t.calendarCellWidth) * 7;\n      return emotion.css`\n        background: ${t.calendarBg};\n        box-sizing: content-box;\n        border-radius: ${t.calendarBorderRadius};\n        color: ${t.textColorDefault};\n        display: block;\n        padding: 0 ${t.calendarPaddingX};\n        width: ${width}px;\n        touch-action: none;\n      `;\n    },\n\n    wrapper() {\n      return emotion.css`\n        font-size: 14px;\n        position: relative;\n        overflow: hidden;\n      `;\n    },\n\n    separator(t: Theme) {\n      return emotion.css`\n        border-bottom: ${t.calendarBottomSeparatorBorder};\n        margin: 0 ${t.calendarMonthTitleMarginX};\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;;AAGxD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,IAAMC,KAAK,GAAGC,QAAQ,CAACF,CAAC,CAACG,iBAAiB,CAAC,GAAG,CAAC;QAC/C,OAAOL,OAAO,CAACM,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;QACFN,CAAC,CAACO,UAAU;;QAETP,CAAC,CAACQ,oBAAoB;QAC9BR,CAAC,CAACS,gBAAgB;;QAEdT,CAAC,CAACU,gBAAgB;QACtBT,KAAK;;;MAGlB,CAAC;;MAEDU,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOb,OAAO,CAACM,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;MAKpB,CAAC;;MAEDO,SAAS,WAAAA,UAACb,CAAQ,EAAE;QAClB,OAAOF,OAAO,CAACM,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;QACCN,CAAC,CAACe,6BAA6B;QACpCf,CAAC,CAACgB,yBAAyB;;MAE3C;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","width","parseInt","calendarCellWidth","_templateObject","_taggedTemplateLiteralLoose","calendarBg","calendarBorderRadius","textColorDefault","calendarPaddingX","wrapper","_templateObject2","separator","_templateObject3","calendarBottomSeparatorBorder","calendarMonthTitleMarginX"],"sources":["Calendar.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const width = parseInt(t.calendarCellWidth) * 7;\n    return css`\n      background: ${t.calendarBg};\n      box-sizing: content-box;\n      border-radius: ${t.calendarBorderRadius};\n      color: ${t.textColorDefault};\n      display: block;\n      padding: 0 ${t.calendarPaddingX};\n      width: ${width}px;\n      touch-action: none;\n    `;\n  },\n\n  wrapper() {\n    return css`\n      font-size: 14px;\n      position: relative;\n      overflow: hidden;\n    `;\n  },\n\n  separator(t: Theme) {\n    return css`\n      border-bottom: ${t.calendarBottomSeparatorBorder};\n      margin: 0 ${t.calendarMonthTitleMarginX};\n    `;\n  },\n});\n"],"mappings":"wJAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAMC,KAAK,GAAGC,QAAQ,CAACF,CAAC,CAACG,iBAAiB,CAAC,GAAG,CAAC;IAC/C,OAAOP,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACML,CAAC,CAACM,UAAU;;IAETN,CAAC,CAACO,oBAAoB;IAC9BP,CAAC,CAACQ,gBAAgB;;IAEdR,CAAC,CAACS,gBAAgB;IACtBR,KAAK;;;EAGlB,CAAC;;EAEDS,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;EAKZ,CAAC;;EAEDO,SAAS,WAAAA,UAACZ,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;IACSL,CAAC,CAACc,6BAA6B;IACpCd,CAAC,CAACe,yBAAyB;;EAE3C;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Calendar/Calendar.styles.d.ts

@@ -1,7 +1,6 @@
-import type { Emotion } from '@emotion/css/create-instance';
-import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
-    root(t: Theme): string;
-    wrapper(): string;
-    separator(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    wrapper(): string;
+    separator(t: Theme): string;
+};

package/components/Calendar/CalendarContext/CalendarContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","CalendarContext"],"sources":["CalendarContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { CalendarDateShape } from './CalendarDateShape';\nimport { CalendarProps } from './Calendar';\n\nexport interface CalendarContextProps {\n  renderDay?: CalendarProps['renderDay'];\n  value?: CalendarDateShape;\n  minDate?: CalendarDateShape;\n  maxDate?: CalendarDateShape;\n  isHoliday?: CalendarProps['isHoliday'];\n  today?: CalendarDateShape;\n  onDateClick?: (date: CalendarDateShape) => void;\n}\n\nexport const CalendarContext = createContext<CalendarContextProps>({});\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;;;;;;;;;;;;;;;AAerC,OAAO,IAAMC,eAAe,gBAAGD,aAAa,CAAuB,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","CalendarContext"],"sources":["CalendarContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { CalendarDateShape } from './CalendarDateShape';\nimport type { CalendarProps } from './Calendar';\n\nexport interface CalendarContextProps {\n  renderDay?: CalendarProps['renderDay'];\n  value?: CalendarDateShape;\n  minDate?: CalendarDateShape;\n  maxDate?: CalendarDateShape;\n  isHoliday?: CalendarProps['isHoliday'];\n  today?: CalendarDateShape;\n  onDateClick?: (date: CalendarDateShape) => void;\n}\n\nexport const CalendarContext = createContext<CalendarContextProps>({});\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;;;;;;;;;;;;;;;AAerC,OAAO,IAAMC,eAAe,gBAAGD,aAAa,CAAuB,CAAC,CAAC,CAAC","ignoreList":[]}

package/components/Calendar/CalendarContext.d.ts

@@ -1,12 +1,12 @@
-import { CalendarDateShape } from './CalendarDateShape';
-import { CalendarProps } from './Calendar';
-export interface CalendarContextProps {
-    renderDay?: CalendarProps['renderDay'];
-    value?: CalendarDateShape;
-    minDate?: CalendarDateShape;
-    maxDate?: CalendarDateShape;
-    isHoliday?: CalendarProps['isHoliday'];
-    today?: CalendarDateShape;
-    onDateClick?: (date: CalendarDateShape) => void;
-}
-export declare const CalendarContext: import("react").Context<CalendarContextProps>;
+import type { CalendarDateShape } from './CalendarDateShape';
+import type { CalendarProps } from './Calendar';
+export interface CalendarContextProps {
+    renderDay?: CalendarProps['renderDay'];
+    value?: CalendarDateShape;
+    minDate?: CalendarDateShape;
+    maxDate?: CalendarDateShape;
+    isHoliday?: CalendarProps['isHoliday'];
+    today?: CalendarDateShape;
+    onDateClick?: (date: CalendarDateShape) => void;
+}
+export declare const CalendarContext: import("react").Context<CalendarContextProps>;

package/components/Calendar/CalendarDateShape/CalendarDateShape.js.map

@@ -1 +1 @@
-{"version":3,"names":["isEqual","a","b","Boolean","year","month","date","comparator","create","isLess","left","right","isLessOrEqual","isGreater","isGreaterOrEqual","isBetween","fromString","dateString","_dateString$split$map","split","map","Number","toString","_ref","_map","x","d","m","y","padStart"],"sources":["CalendarDateShape.ts"],"sourcesContent":["import { Nullable } from '../../typings/utility-types';\n\nexport interface CalendarDateShape {\n  year: number;\n  month: number;\n  date: number;\n}\n\nexport const isEqual = (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) =>\n  Boolean((!a && !b) || (a && b && a.year === b.year && a.month === b.month && a.date === b.date));\n\nexport const comparator = (a: CalendarDateShape, b: CalendarDateShape) => {\n  if (a.year < b.year) {\n    return -1;\n  } else if (a.year > b.year) {\n    return 1;\n  } else if (a.month < b.month) {\n    return -1;\n  } else if (a.month > b.month) {\n    return 1;\n  } else if (a.date < b.date) {\n    return -1;\n  } else if (a.date > b.date) {\n    return 1;\n  }\n  return 0;\n};\n\nexport const create = (date: number, month: number, year: number): CalendarDateShape => ({ date, month, year });\n\nexport const isLess = (left: CalendarDateShape, right: CalendarDateShape) => comparator(left, right) === -1;\n\nexport const isLessOrEqual = (left: CalendarDateShape, right: CalendarDateShape) =>\n  isLess(left, right) || isEqual(left, right);\n\nexport const isGreater = (left: CalendarDateShape, right: CalendarDateShape) => !isLessOrEqual(left, right);\n\nexport const isGreaterOrEqual = (left: CalendarDateShape, right: CalendarDateShape) => !isLess(left, right);\n\nexport const isBetween = (\n  date: CalendarDateShape,\n  left?: Nullable<CalendarDateShape>,\n  right?: Nullable<CalendarDateShape>,\n) => {\n  if (left && isLess(date, left)) {\n    return false;\n  }\n  if (right && isGreater(date, right)) {\n    return false;\n  }\n  return true;\n};\n\nexport const fromString = (dateString: string): CalendarDateShape => {\n  const [date, month, year] = dateString.split('.').map(Number);\n  return create(date, month, year);\n};\n\nexport const toString = ({ date, month, year }: CalendarDateShape): string => {\n  const [d, m, y] = [date, month, year].map((x) => x.toString());\n  return `${d.padStart(2, '0')}.${m.padStart(2, '0')}.${y.padStart(4, '0')}`;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isEqual","a","b","Boolean","year","month","date","comparator","create","isLess","left","right","isLessOrEqual","isGreater","isGreaterOrEqual","isBetween","fromString","dateString","_dateString$split$map","split","map","Number","toString","_ref","_map","x","d","m","y","padStart"],"sources":["CalendarDateShape.ts"],"sourcesContent":["import type { Nullable } from '../../typings/utility-types';\n\nexport interface CalendarDateShape {\n  year: number;\n  month: number;\n  date: number;\n}\n\nexport const isEqual = (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) =>\n  Boolean((!a && !b) || (a && b && a.year === b.year && a.month === b.month && a.date === b.date));\n\nexport const comparator = (a: CalendarDateShape, b: CalendarDateShape) => {\n  if (a.year < b.year) {\n    return -1;\n  } else if (a.year > b.year) {\n    return 1;\n  } else if (a.month < b.month) {\n    return -1;\n  } else if (a.month > b.month) {\n    return 1;\n  } else if (a.date < b.date) {\n    return -1;\n  } else if (a.date > b.date) {\n    return 1;\n  }\n  return 0;\n};\n\nexport const create = (date: number, month: number, year: number): CalendarDateShape => ({ date, month, year });\n\nexport const isLess = (left: CalendarDateShape, right: CalendarDateShape) => comparator(left, right) === -1;\n\nexport const isLessOrEqual = (left: CalendarDateShape, right: CalendarDateShape) =>\n  isLess(left, right) || isEqual(left, right);\n\nexport const isGreater = (left: CalendarDateShape, right: CalendarDateShape) => !isLessOrEqual(left, right);\n\nexport const isGreaterOrEqual = (left: CalendarDateShape, right: CalendarDateShape) => !isLess(left, right);\n\nexport const isBetween = (\n  date: CalendarDateShape,\n  left?: Nullable<CalendarDateShape>,\n  right?: Nullable<CalendarDateShape>,\n) => {\n  if (left && isLess(date, left)) {\n    return false;\n  }\n  if (right && isGreater(date, right)) {\n    return false;\n  }\n  return true;\n};\n\nexport const fromString = (dateString: string): CalendarDateShape => {\n  const [date, month, year] = dateString.split('.').map(Number);\n  return create(date, month, year);\n};\n\nexport const toString = ({ date, month, year }: CalendarDateShape): string => {\n  const [d, m, y] = [date, month, year].map((x) => x.toString());\n  return `${d.padStart(2, '0')}.${m.padStart(2, '0')}.${y.padStart(4, '0')}`;\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Calendar/CalendarDateShape.d.ts

@@ -1,16 +1,16 @@
-import { Nullable } from '../../typings/utility-types';
-export interface CalendarDateShape {
-    year: number;
-    month: number;
-    date: number;
-}
-export declare const isEqual: (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) => boolean;
-export declare const comparator: (a: CalendarDateShape, b: CalendarDateShape) => 0 | 1 | -1;
-export declare const create: (date: number, month: number, year: number) => CalendarDateShape;
-export declare const isLess: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-export declare const isLessOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-export declare const isGreater: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-export declare const isGreaterOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-export declare const isBetween: (date: CalendarDateShape, left?: Nullable<CalendarDateShape>, right?: Nullable<CalendarDateShape>) => boolean;
-export declare const fromString: (dateString: string) => CalendarDateShape;
-export declare const toString: ({ date, month, year }: CalendarDateShape) => string;
+import type { Nullable } from '../../typings/utility-types';
+export interface CalendarDateShape {
+    year: number;
+    month: number;
+    date: number;
+}
+export declare const isEqual: (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) => boolean;
+export declare const comparator: (a: CalendarDateShape, b: CalendarDateShape) => 0 | 1 | -1;
+export declare const create: (date: number, month: number, year: number) => CalendarDateShape;
+export declare const isLess: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+export declare const isLessOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+export declare const isGreater: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+export declare const isGreaterOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+export declare const isBetween: (date: CalendarDateShape, left?: Nullable<CalendarDateShape>, right?: Nullable<CalendarDateShape>) => boolean;
+export declare const fromString: (dateString: string) => CalendarDateShape;
+export declare const toString: ({ date, month, year }: CalendarDateShape) => string;

package/components/Calendar/CalendarDay/CalendarDay.js

@@ -1,33 +1,36 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["isToday", "isSelected", "isDisabled", "isWeekend", "date", "children", "className"];
-import React, { memo, useContext } from 'react';
+var _excluded = ["isToday", "isSelected", "isDisabled", "isWeekend", "date", "onDayClick", "onClick", "children", "className"];
+import React, { useContext, memo, useCallback } from 'react';
 import { useLocaleForControl } from "../../../lib/locale/useLocaleForControl";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { EmotionContext } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { DatePickerLocaleHelper } from "../../DatePicker/locale";
 import { InternalDate } from "../../../lib/date/InternalDate";
 import { LocaleContext } from "../../../lib/locale";
 import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { getStyles } from "../DayCellView.styles";
+import { styles } from "../DayCellView.styles";
 import { CalendarDataTids } from "../Calendar";
 
 /**
+ * Компонент дня `CalendarDay` из Calendar.
+ *
  * @visibleName Calendar.Day
  */
 export var CalendarDay = /*#__PURE__*/memo(forwardRefAndName('CalendarDay', function CalendarDay(_ref, ref) {
-  var _emotion$cx, _emotion$cx2;
+  var _cx, _cx2;
   var isToday = _ref.isToday,
     isSelected = _ref.isSelected,
     isDisabled = _ref.isDisabled,
     isWeekend = _ref.isWeekend,
     date = _ref.date,
+    onDayClick = _ref.onDayClick,
+    onClick = _ref.onClick,
     children = _ref.children,
     className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var theme = useContext(ThemeContext);
-  var emotion = useContext(EmotionContext);
   var _useContext = useContext(LocaleContext),
     langCode = _useContext.langCode;
   var internalDate = new InternalDate({
@@ -36,10 +39,13 @@ export var CalendarDay = /*#__PURE__*/memo(forwardRefAndName('CalendarDay', func
   });
   var locale = useLocaleForControl('Calendar', DatePickerLocaleHelper);
   var ariaLabel = locale.dayCellChooseDateAriaLabel + ": " + internalDate.toA11YFormat();
+  var handleClick = useCallback(function (e) {
+    onDayClick();
+    onClick == null || onClick(e);
+  }, [onDayClick, onClick]);
   var _internalDate$getComp = internalDate.getComponentsLikeNumber(),
     day = _internalDate$getComp.date;
   var caption = children != null ? children : day;
-  var styles = getStyles(emotion);
   return /*#__PURE__*/(
     React.createElement("button", _extends({
       ref: ref,
@@ -47,13 +53,14 @@ export var CalendarDay = /*#__PURE__*/memo(forwardRefAndName('CalendarDay', func
       "aria-label": ariaLabel,
       tabIndex: -1,
       disabled: isDisabled,
-      className: emotion.cx((_emotion$cx = {}, _emotion$cx[styles.day(theme)] = true, _emotion$cx[styles.selected(theme)] = isSelected, _emotion$cx[styles.weekend(theme)] = isWeekend, _emotion$cx), className)
+      onClick: handleClick,
+      className: cx((_cx = {}, _cx[styles.day(theme)] = true, _cx[styles.selected(theme)] = isSelected, _cx[styles.weekend(theme)] = isWeekend, _cx), className)
     }, getVisualStateDataAttributes({
       selected: isSelected
     }), rest), /*#__PURE__*/
 
     React.createElement("span", {
-      className: emotion.cx((_emotion$cx2 = {}, _emotion$cx2[styles.todayCaption(theme)] = isToday, _emotion$cx2))
+      className: cx((_cx2 = {}, _cx2[styles.todayCaption(theme)] = isToday, _cx2))
     }, caption))
   );
 }));

package/components/Calendar/CalendarDay/CalendarDay.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useContext","useLocaleForControl","ThemeContext","EmotionContext","DatePickerLocaleHelper","InternalDate","LocaleContext","getVisualStateDataAttributes","forwardRefAndName","getStyles","CalendarDataTids","CalendarDay","_ref","ref","_emotion$cx","_emotion$cx2","isToday","isSelected","isDisabled","isWeekend","date","children","className","rest","_objectWithoutPropertiesLoose","_excluded","theme","emotion","_useContext","langCode","internalDate","value","locale","ariaLabel","dayCellChooseDateAriaLabel","toA11YFormat","_internalDate$getComp","getComponentsLikeNumber","day","caption","styles","createElement","_extends","dayCell","tabIndex","disabled","cx","selected","weekend","todayCaption"],"sources":["CalendarDay.tsx"],"sourcesContent":["import React, { memo, PropsWithChildren, useContext } from 'react';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { LocaleContext } from '../../lib/locale';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getStyles } from './DayCellView.styles';\nimport { CalendarDataTids } from './Calendar';\n\nexport interface CalendarDayProps extends React.HTMLAttributes<HTMLButtonElement> {\n  isToday?: boolean;\n  isSelected?: boolean;\n  isDisabled?: boolean;\n  isWeekend?: boolean;\n  date: string;\n}\n\n/**\n * @visibleName Calendar.Day\n */\nexport const CalendarDay = memo(\n  forwardRefAndName(\n    'CalendarDay',\n    function CalendarDay(\n      {\n        isToday,\n        isSelected,\n        isDisabled,\n        isWeekend,\n        date,\n        children,\n        className,\n        ...rest\n      }: PropsWithChildren<CalendarDayProps>,\n      ref: React.Ref<HTMLButtonElement>,\n    ) {\n      const theme = useContext(ThemeContext);\n      const emotion = useContext(EmotionContext);\n\n      const { langCode } = useContext(LocaleContext);\n      const internalDate = new InternalDate({ langCode, value: date });\n\n      const locale = useLocaleForControl('Calendar', DatePickerLocaleHelper);\n      const ariaLabel = `${locale.dayCellChooseDateAriaLabel}: ${internalDate.toA11YFormat()}`;\n\n      const { date: day } = internalDate.getComponentsLikeNumber();\n      const caption = children ?? day;\n      const styles = getStyles(emotion);\n\n      return (\n        <button\n          ref={ref}\n          data-tid={CalendarDataTids.dayCell}\n          aria-label={ariaLabel}\n          tabIndex={-1}\n          disabled={isDisabled}\n          className={emotion.cx(\n            {\n              [styles.day(theme)]: true,\n              [styles.selected(theme)]: isSelected,\n              [styles.weekend(theme)]: isWeekend,\n            },\n            className,\n          )}\n          {...getVisualStateDataAttributes({ selected: isSelected })}\n          {...rest}\n        >\n          <span className={emotion.cx({ [styles.todayCaption(theme)]: isToday })}>{caption}</span>\n        </button>\n      );\n    },\n  ),\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","memo","useCallback","useLocaleForControl","ThemeContext","cx","DatePickerLocaleHelper","InternalDate","LocaleContext","getVisualStateDataAttributes","forwardRefAndName","styles","CalendarDataTids","CalendarDay","_ref","ref","_cx","_cx2","isToday","isSelected","isDisabled","isWeekend","date","onDayClick","onClick","children","className","rest","_objectWithoutPropertiesLoose","_excluded","theme","_useContext","langCode","internalDate","value","locale","ariaLabel","dayCellChooseDateAriaLabel","toA11YFormat","handleClick","e","_internalDate$getComp","getComponentsLikeNumber","day","caption","createElement","_extends","dayCell","tabIndex","disabled","selected","weekend","todayCaption"],"sources":["CalendarDay.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext, memo, useCallback } from 'react';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { LocaleContext } from '../../lib/locale';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { styles } from './DayCellView.styles';\nimport { CalendarDataTids } from './Calendar';\n\nexport interface CalendarDayProps extends React.HTMLAttributes<HTMLButtonElement> {\n  /** Устанавливает, является ли день текущим. */\n  isToday?: boolean;\n\n  /** Устанавливает, является ли день выбранным. */\n  isSelected?: boolean;\n\n  /** Устанавливает, является ли день недоступным. */\n  isDisabled?: boolean;\n\n  /** Устанавливает, является ли день выходным. */\n  isWeekend?: boolean;\n\n  /** Задает день. */\n  date: string;\n\n  /** Задает функцию, которая вызывается при клике на день. Необходима для внутренней работы Calendar. Не предназначена для переопределения. Вместо этого, следует использовать стандартный `onClick`.\n   * @internal @ignore\n   */\n  onDayClick: () => void;\n}\n\n/**\n * Компонент дня `CalendarDay` из Calendar.\n *\n * @visibleName Calendar.Day\n */\nexport const CalendarDay = memo(\n  forwardRefAndName(\n    'CalendarDay',\n    function CalendarDay(\n      {\n        isToday,\n        isSelected,\n        isDisabled,\n        isWeekend,\n        date,\n        onDayClick,\n        onClick,\n        children,\n        className,\n        ...rest\n      }: PropsWithChildren<CalendarDayProps>,\n      ref: React.Ref<HTMLButtonElement>,\n    ) {\n      const theme = useContext(ThemeContext);\n\n      const { langCode } = useContext(LocaleContext);\n      const internalDate = new InternalDate({ langCode, value: date });\n\n      const locale = useLocaleForControl('Calendar', DatePickerLocaleHelper);\n      const ariaLabel = `${locale.dayCellChooseDateAriaLabel}: ${internalDate.toA11YFormat()}`;\n\n      const handleClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n        (e) => {\n          onDayClick();\n          onClick?.(e);\n        },\n        [onDayClick, onClick],\n      );\n\n      const { date: day } = internalDate.getComponentsLikeNumber();\n      const caption = children ?? day;\n\n      return (\n        <button\n          ref={ref}\n          data-tid={CalendarDataTids.dayCell}\n          aria-label={ariaLabel}\n          tabIndex={-1}\n          disabled={isDisabled}\n          onClick={handleClick}\n          className={cx(\n            {\n              [styles.day(theme)]: true,\n              [styles.selected(theme)]: isSelected,\n              [styles.weekend(theme)]: isWeekend,\n            },\n            className,\n          )}\n          {...getVisualStateDataAttributes({ selected: isSelected })}\n          {...rest}\n        >\n          <span className={cx({ [styles.todayCaption(theme)]: isToday })}>{caption}</span>\n        </button>\n      );\n    },\n  ),\n);\n"],"mappings":"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","ignoreList":[]}