@skbkontur/react-ui 4.11.0 → 4.12.0-theme2022.6

package/cjs/components/DatePicker/DatePicker.d.ts

@@ -1,134 +1,135 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { DropdownContainerProps } from '../../internal/DropdownContainer';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export declare const MIN_WIDTH = 120;
-export interface DatePickerProps extends Pick<DropdownContainerProps, 'menuPos'>, CommonProps {
-    autoFocus?: boolean;
-    disabled?: boolean;
-    enableTodayLink?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    minDate?: string;
-    maxDate?: string;
-    menuAlign?: 'left' | 'right';
-    size?: 'small' | 'medium' | 'large';
-    value?: string | null;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    width?: number | string;
-    onBlur?: () => void;
-    /**
-     * Вызывается при изменении `value`
-     *
-     * @param value - строка в формате `dd.mm.yyyy`.
-     */
-    onValueChange: (value: string) => void;
-    onFocus?: () => void;
-    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
-    onMouseEnter?: (e: React.MouseEvent<any>) => void;
-    onMouseLeave?: (e: React.MouseEvent<any>) => void;
-    onMouseOver?: (e: React.MouseEvent<any>) => void;
-    /**
-     * Использовать на мобильных устройствах нативный календарь для выбора дат.
-     *
-     * - На iOS нативный календарь не умеет работать с minDate и maxDate
-     */
-    useMobileNativeDatePicker?: boolean;
-    /**
-     * Функция для определения праздничных дней
-     * @default (_day, isWeekend) => isWeekend
-     * @param {string} day - строка в формате `dd.mm.yyyy`
-     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)
-     *
-     * @returns {boolean} `true` для выходного или `false` для рабочего дня
-     */
-    isHoliday?: (day: string, isWeekend: boolean) => boolean;
-}
-export interface DatePickerState {
-    opened: boolean;
-    canUseMobileNativeDatePicker: boolean;
-}
-export declare const DatePickerDataTids: {
-    readonly root: "DatePicker__root";
-    readonly pickerRoot: "Picker__root";
-    readonly pickerTodayWrapper: "Picker__todayWrapper";
-};
-declare type DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate' | 'isHoliday'>>;
-export declare class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        autoFocus: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Включает кнопку сегодня в календаре
-         */
-        enableTodayLink: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        /**
-         * Максимальная дата в календаре.
-         */
-        maxDate: PropTypes.Validator<string>;
-        menuAlign: PropTypes.Requireable<string>;
-        /**
-         * Минимальная дата в календаре.
-         */
-        minDate: PropTypes.Validator<string>;
-        /**
-         * Строка формата `dd.mm.yyyy`
-         */
-        value: PropTypes.Requireable<string>;
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Validator<string | number>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onValueChange: PropTypes.Validator<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        isHoliday: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    static validate: (value: Nullable<string>, range?: {
-        minDate?: string | undefined;
-        maxDate?: string | undefined;
-    }) => boolean;
-    state: DatePickerState;
-    private input;
-    private focused;
-    private setRootNode;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * Закрывает выпадашку выбора дня
-     * @public
-     */
-    close(): void;
-    render(): JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<DatePickerProps>) => JSX.Element;
-    getParent: () => Nullable<Element>;
-    private getRootStyle;
-    private getInputRef;
-    private parseValueToDate;
-    private handleFocus;
-    private handleBlur;
-    private handlePick;
-    private handleSelect;
-    private isHoliday;
-}
-export {};
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { DropdownContainerProps } from '../../internal/DropdownContainer';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export declare const MIN_WIDTH = 120;
+export interface DatePickerProps extends Pick<DropdownContainerProps, 'menuPos'>, CommonProps {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    enableTodayLink?: boolean;
+    /**
+     * Состояние валидации при ошибке.
+     */
+    error?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    menuAlign?: 'left' | 'right';
+    size?: 'small' | 'medium' | 'large';
+    value?: string | null;
+    /**
+     * Состояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    width?: number | string;
+    onBlur?: () => void;
+    /**
+     * Вызывается при изменении `value`
+     *
+     * @param value - строка в формате `dd.mm.yyyy`.
+     */
+    onValueChange: (value: string) => void;
+    onFocus?: () => void;
+    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
+    onMouseEnter?: (e: React.MouseEvent<any>) => void;
+    onMouseLeave?: (e: React.MouseEvent<any>) => void;
+    onMouseOver?: (e: React.MouseEvent<any>) => void;
+    /**
+     * Использовать на мобильных устройствах нативный календарь для выбора дат.
+     *
+     * - На iOS нативный календарь не умеет работать с minDate и maxDate
+     */
+    useMobileNativeDatePicker?: boolean;
+    /**
+     * Функция для определения праздничных дней
+     * @default (_day, isWeekend) => isWeekend
+     * @param {string} day - строка в формате `dd.mm.yyyy`
+     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)
+     *
+     * @returns {boolean} `true` для выходного или `false` для рабочего дня
+     */
+    isHoliday?: (day: string, isWeekend: boolean) => boolean;
+}
+export interface DatePickerState {
+    opened: boolean;
+    canUseMobileNativeDatePicker: boolean;
+}
+export declare const DatePickerDataTids: {
+    readonly root: "DatePicker__root";
+    readonly pickerRoot: "Picker__root";
+    readonly pickerTodayWrapper: "Picker__todayWrapper";
+};
+declare type DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate' | 'isHoliday'>>;
+export declare class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        autoFocus: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Включает кнопку сегодня в календаре
+         */
+        enableTodayLink: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        /**
+         * Максимальная дата в календаре.
+         */
+        maxDate: PropTypes.Validator<string>;
+        menuAlign: PropTypes.Requireable<string>;
+        /**
+         * Минимальная дата в календаре.
+         */
+        minDate: PropTypes.Validator<string>;
+        /**
+         * Строка формата `dd.mm.yyyy`
+         */
+        value: PropTypes.Requireable<string>;
+        warning: PropTypes.Requireable<boolean>;
+        width: PropTypes.Validator<string | number>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onValueChange: PropTypes.Validator<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        isHoliday: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    private theme;
+    static validate: (value: Nullable<string>, range?: {
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+    }) => boolean;
+    state: DatePickerState;
+    private input;
+    private focused;
+    private setRootNode;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * Закрывает выпадашку выбора дня
+     * @public
+     */
+    close(): void;
+    render(): JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<DatePickerProps>) => JSX.Element;
+    getParent: () => Nullable<Element>;
+    private getRootStyle;
+    private getInputRef;
+    private parseValueToDate;
+    private handleFocus;
+    private handleBlur;
+    private handlePick;
+    private handleSelect;
+    private isHoliday;
+}
+export {};

package/cjs/components/DatePicker/DatePicker.js

@@ -16,6 +16,8 @@ var _NativeDateInput = require("../../internal/NativeDateInput");
 var _rootNode = require("../../lib/rootNode");
 var _utils = require("../../lib/utils");
 var _createPropsGetter = require("../../lib/createPropsGetter");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
 
 var _Picker = require("./Picker");
 var _DatePicker = require("./DatePicker.styles");var _class, _class2, _temp;
@@ -177,6 +179,7 @@ DatePicker = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fu
 
 
 
+
 
 
     state = { opened: false, canUseMobileNativeDatePicker: false };_this.
@@ -235,6 +238,13 @@ DatePicker = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fu
 
 
 
+
+
+
+
+
+
+
 
 
 
@@ -264,7 +274,7 @@ DatePicker = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fu
           menuPos: _this.props.menuPos,
           "data-tid": DatePickerDataTids.root,
           getParent: _this.getParent,
-          offsetY: 2,
+          offsetY: parseInt(_this.theme.datePickerMenuOffsetY),
           align: _this.props.menuAlign }, /*#__PURE__*/
 
         _react.default.createElement(_Picker.Picker, {
@@ -395,7 +405,7 @@ DatePicker = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fu
    */;_proto.focus = function focus() {if (this.props.disabled) {return;}if (this.input) {this.input.focus();}this.handleFocus();} /**
    * Закрывает выпадашку выбора дня
    * @public
-   */;_proto.close = function close() {this.setState({ opened: false });};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), this.renderMain);};_proto.parseValueToDate = function parseValueToDate(value) {if (value === undefined || value === null) {return undefined;}var date = new _InternalDate.InternalDate({ value: value });if (date.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Native] })) {return date;}return undefined;};return DatePicker;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DatePicker', _class2.propTypes = { autoFocus: _propTypes.default.bool, disabled: _propTypes.default.bool, /**
+   */;_proto.close = function close() {this.setState({ opened: false });};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});};_proto.parseValueToDate = function parseValueToDate(value) {if (value === undefined || value === null) {return undefined;}var date = new _InternalDate.InternalDate({ value: value });if (date.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Native] })) {return date;}return undefined;};return DatePicker;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DatePicker', _class2.propTypes = { autoFocus: _propTypes.default.bool, disabled: _propTypes.default.bool, /**
    * Включает кнопку сегодня в календаре
    */enableTodayLink: _propTypes.default.bool, error: _propTypes.default.bool, /**
    * Максимальная дата в календаре.

package/cjs/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatePicker.tsx"],"names":["INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","DatePickerDataTids","root","pickerRoot","pickerTodayWrapper","DatePicker","rootNode","getProps","defaultProps","state","opened","canUseMobileNativeDatePicker","input","focused","renderMain","props","picker","value","minDate","maxDate","internalDate","parseValueToDate","date","toNativeFormat","parsedMinDate","formattedMinDate","undefined","parsedMaxDate","formattedMaxDate","menuPos","getParent","menuAlign","handlePick","handleSelect","enableTodayLink","isHoliday","styles","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","getInputRef","handleBlur","handleFocus","onValueChange","width","minWidth","ref","setState","onFocus","close","onBlur","dateShape","blur","InternalDateTransformer","dateToInternalString","month","year","isWeekend","dateString","componentDidMount","useMobileNativeDatePicker","isMobile","focus","componentDidUpdate","render","setRootNode","InternalDate","validate","checks","InternalDateValidateCheck","NotNull","Native","React","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","number","func","MIN_FULLDATE","MAX_FULLDATE","_day","range","order","InternalDateOrder","DMY","separator","InternalDateSeparator","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\nimport { Nullable } from '../../typings/utility-types';\nimport { CalendarDateShape } from '../../internal/Calendar';\nimport { DateInput } from '../DateInput';\nimport { DropdownContainer, DropdownContainerProps } from '../../internal/DropdownContainer';\nimport { filterProps } from '../../lib/filterProps';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isMobile } from '../../lib/client';\nimport { NativeDateInput } from '../../internal/NativeDateInput';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isNonNullable } from '../../lib/utils';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { Picker } from './Picker';\nimport { styles } from './DatePicker.styles';\n\nconst INPUT_PASS_PROPS = {\n  autoFocus: true,\n  disabled: true,\n  warning: true,\n  error: true,\n  size: true,\n  onKeyDown: true,\n};\n\nexport const MIN_WIDTH = 120;\n\nexport interface DatePickerProps extends Pick<DropdownContainerProps, 'menuPos'>, CommonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  enableTodayLink?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  minDate?: string;\n  maxDate?: string;\n  menuAlign?: 'left' | 'right';\n  size?: 'small' | 'medium' | 'large';\n  value?: string | null;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: number | string;\n  onBlur?: () => void;\n  /**\n   * Вызывается при изменении `value`\n   *\n   * @param value - строка в формате `dd.mm.yyyy`.\n   */\n  onValueChange: (value: string) => void;\n  onFocus?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent<any>) => void;\n  onMouseEnter?: (e: React.MouseEvent<any>) => void;\n  onMouseLeave?: (e: React.MouseEvent<any>) => void;\n  onMouseOver?: (e: React.MouseEvent<any>) => void;\n  /**\n   * Использовать на мобильных устройствах нативный календарь для выбора дат.\n   *\n   * - На iOS нативный календарь не умеет работать с minDate и maxDate\n   */\n  useMobileNativeDatePicker?: boolean;\n\n  /**\n   * Функция для определения праздничных дней\n   * @default (_day, isWeekend) => isWeekend\n   * @param {string} day - строка в формате `dd.mm.yyyy`\n   * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)\n   *\n   * @returns {boolean} `true` для выходного или `false` для рабочего дня\n   */\n  isHoliday?: (day: string, isWeekend: boolean) => boolean;\n}\n\nexport interface DatePickerState {\n  opened: boolean;\n  canUseMobileNativeDatePicker: boolean;\n}\n\nexport const DatePickerDataTids = {\n  root: 'DatePicker__root',\n  pickerRoot: 'Picker__root',\n  pickerTodayWrapper: 'Picker__todayWrapper',\n} as const;\n\ntype DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate' | 'isHoliday'>>;\n\n@rootNode\nexport class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {\n  public static __KONTUR_REACT_UI__ = 'DatePicker';\n\n  public static propTypes = {\n    autoFocus: PropTypes.bool,\n\n    disabled: PropTypes.bool,\n\n    /**\n     * Включает кнопку сегодня в календаре\n     */\n    enableTodayLink: PropTypes.bool,\n\n    error: PropTypes.bool,\n\n    /**\n     * Максимальная дата в календаре.\n     */\n    maxDate: PropTypes.string.isRequired,\n\n    menuAlign: PropTypes.oneOf(['left', 'right']),\n\n    /**\n     * Минимальная дата в календаре.\n     */\n    minDate: PropTypes.string.isRequired,\n\n    /**\n     * Строка формата `dd.mm.yyyy`\n     */\n    value: PropTypes.string,\n\n    warning: PropTypes.bool,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n\n    onBlur: PropTypes.func,\n\n    onValueChange: PropTypes.func.isRequired,\n\n    onFocus: PropTypes.func,\n\n    onKeyDown: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n\n    onMouseLeave: PropTypes.func,\n\n    onMouseOver: PropTypes.func,\n\n    isHoliday: PropTypes.func.isRequired,\n  };\n\n  public static defaultProps: DefaultProps = {\n    minDate: MIN_FULLDATE,\n    maxDate: MAX_FULLDATE,\n    isHoliday: (_day: string, isWeekend: boolean) => isWeekend,\n  };\n\n  private getProps = createPropsGetter(DatePicker.defaultProps);\n\n  public static validate = (value: Nullable<string>, range: { minDate?: string; maxDate?: string } = {}) => {\n    if (!value) {\n      return false;\n    }\n\n    const { minDate = MIN_FULLDATE, maxDate = MAX_FULLDATE } = range;\n    const internalDate = new InternalDate({\n      order: InternalDateOrder.DMY,\n      separator: InternalDateSeparator.Dot,\n    })\n      .setRangeStart(new InternalDate({ value: minDate }))\n      .setRangeEnd(new InternalDate({ value: maxDate }))\n      .parseValue(value);\n\n    return internalDate.validate({\n      checks: [\n        InternalDateValidateCheck.NotNull,\n        InternalDateValidateCheck.Number,\n        InternalDateValidateCheck.Native,\n        InternalDateValidateCheck.Limits,\n        InternalDateValidateCheck.Range,\n      ],\n    });\n  };\n\n  public state: DatePickerState = { opened: false, canUseMobileNativeDatePicker: false };\n\n  private input: DateInput | null = null;\n  private focused = false;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.useMobileNativeDatePicker && isMobile) {\n      this.setState({\n        canUseMobileNativeDatePicker: true,\n      });\n    }\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public componentDidUpdate() {\n    const { disabled } = this.props;\n    const { opened } = this.state;\n    if (disabled && opened) {\n      this.close();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.input) {\n      this.input.blur();\n    }\n    this.handleBlur();\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.props.disabled) {\n      return;\n    }\n    if (this.input) {\n      this.input.focus();\n    }\n    this.handleFocus();\n  }\n\n  /**\n   * Закрывает выпадашку выбора дня\n   * @public\n   */\n  public close() {\n    this.setState({ opened: false });\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DatePickerProps>) => {\n    let picker = null;\n\n    const { value } = this.props;\n    const { minDate, maxDate } = this.getProps();\n\n    const internalDate = this.parseValueToDate(value);\n    const date = internalDate ? internalDate.toNativeFormat() : null;\n\n    const parsedMinDate = this.parseValueToDate(minDate);\n    const formattedMinDate = (parsedMinDate && parsedMinDate.toNativeFormat()) || undefined;\n\n    const parsedMaxDate = this.parseValueToDate(maxDate);\n    const formattedMaxDate = (parsedMaxDate && parsedMaxDate.toNativeFormat()) || undefined;\n\n    if (this.state.opened) {\n      picker = (\n        <DropdownContainer\n          menuPos={this.props.menuPos}\n          data-tid={DatePickerDataTids.root}\n          getParent={this.getParent}\n          offsetY={2}\n          align={this.props.menuAlign}\n        >\n          <Picker\n            value={date}\n            minDate={formattedMinDate}\n            maxDate={formattedMaxDate}\n            onPick={this.handlePick}\n            onSelect={this.handleSelect}\n            enableTodayLink={this.props.enableTodayLink}\n            isHoliday={this.isHoliday}\n          />\n        </DropdownContainer>\n      );\n    }\n\n    return (\n      <label\n        className={styles.root()}\n        style={this.getRootStyle()}\n        onMouseEnter={this.props.onMouseEnter}\n        onMouseLeave={this.props.onMouseLeave}\n        onMouseOver={this.props.onMouseOver}\n      >\n        <DateInput\n          {...filterProps(props, INPUT_PASS_PROPS)}\n          ref={this.getInputRef}\n          value={this.props.value || ''}\n          width=\"100%\"\n          withIcon\n          minDate={minDate}\n          maxDate={maxDate}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          onValueChange={this.props.onValueChange}\n        />\n        {this.state.canUseMobileNativeDatePicker && (\n          <NativeDateInput\n            onValueChange={this.props.onValueChange}\n            value={this.props.value || ''}\n            minDate={minDate}\n            maxDate={maxDate}\n            disabled={this.props.disabled}\n          />\n        )}\n        {!this.state.canUseMobileNativeDatePicker && picker}\n      </label>\n    );\n  };\n\n  public getParent = () => {\n    return getRootNode(this);\n  };\n\n  private getRootStyle = () => {\n    const { width } = this.props;\n    return isNonNullable(width) ? { width } : { minWidth: MIN_WIDTH };\n  };\n\n  private getInputRef = (ref: DateInput | null) => {\n    this.input = ref;\n  };\n\n  private parseValueToDate(value?: Nullable<string>): InternalDate | undefined {\n    if (value === undefined || value === null) {\n      return undefined;\n    }\n    const date = new InternalDate({ value });\n    if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\n      return date;\n    }\n    return undefined;\n  }\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n\n    this.focused = true;\n\n    this.setState({ opened: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus();\n    }\n  };\n\n  private handleBlur = () => {\n    if (!this.focused) {\n      return;\n    }\n\n    this.focused = false;\n    this.close();\n\n    if (this.props.onBlur) {\n      this.props.onBlur();\n    }\n  };\n\n  private handlePick = (dateShape: CalendarDateShape) => {\n    this.handleSelect(dateShape);\n    this.blur();\n  };\n\n  private handleSelect = (dateShape: CalendarDateShape | null) => {\n    if (!dateShape) {\n      return null;\n    }\n\n    const value = InternalDateTransformer.dateToInternalString({\n      date: dateShape.date,\n      month: dateShape.month + 1,\n      year: dateShape.year,\n    });\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private isHoliday = ({ date, month, year, isWeekend }: CalendarDateShape & { isWeekend: boolean }) => {\n    const dateString = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\n    return this.getProps().isHoliday(dateString, isWeekend);\n  };\n}\n"]}
+{"version":3,"sources":["DatePicker.tsx"],"names":["INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","DatePickerDataTids","root","pickerRoot","pickerTodayWrapper","DatePicker","rootNode","getProps","defaultProps","state","opened","canUseMobileNativeDatePicker","input","focused","renderMain","props","picker","value","minDate","maxDate","internalDate","parseValueToDate","date","toNativeFormat","parsedMinDate","formattedMinDate","undefined","parsedMaxDate","formattedMaxDate","menuPos","getParent","parseInt","theme","datePickerMenuOffsetY","menuAlign","handlePick","handleSelect","enableTodayLink","isHoliday","styles","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","getInputRef","handleBlur","handleFocus","onValueChange","width","minWidth","ref","setState","onFocus","close","onBlur","dateShape","blur","InternalDateTransformer","dateToInternalString","month","year","isWeekend","dateString","componentDidMount","useMobileNativeDatePicker","isMobile","focus","componentDidUpdate","render","setRootNode","InternalDate","validate","checks","InternalDateValidateCheck","NotNull","Native","React","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","number","func","MIN_FULLDATE","MAX_FULLDATE","_day","range","order","InternalDateOrder","DMY","separator","InternalDateSeparator","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\nimport { Nullable } from '../../typings/utility-types';\nimport { CalendarDateShape } from '../../internal/Calendar';\nimport { DateInput } from '../DateInput';\nimport { DropdownContainer, DropdownContainerProps } from '../../internal/DropdownContainer';\nimport { filterProps } from '../../lib/filterProps';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isMobile } from '../../lib/client';\nimport { NativeDateInput } from '../../internal/NativeDateInput';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isNonNullable } from '../../lib/utils';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { Picker } from './Picker';\nimport { styles } from './DatePicker.styles';\n\nconst INPUT_PASS_PROPS = {\n  autoFocus: true,\n  disabled: true,\n  warning: true,\n  error: true,\n  size: true,\n  onKeyDown: true,\n};\n\nexport const MIN_WIDTH = 120;\n\nexport interface DatePickerProps extends Pick<DropdownContainerProps, 'menuPos'>, CommonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  enableTodayLink?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  minDate?: string;\n  maxDate?: string;\n  menuAlign?: 'left' | 'right';\n  size?: 'small' | 'medium' | 'large';\n  value?: string | null;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: number | string;\n  onBlur?: () => void;\n  /**\n   * Вызывается при изменении `value`\n   *\n   * @param value - строка в формате `dd.mm.yyyy`.\n   */\n  onValueChange: (value: string) => void;\n  onFocus?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent<any>) => void;\n  onMouseEnter?: (e: React.MouseEvent<any>) => void;\n  onMouseLeave?: (e: React.MouseEvent<any>) => void;\n  onMouseOver?: (e: React.MouseEvent<any>) => void;\n  /**\n   * Использовать на мобильных устройствах нативный календарь для выбора дат.\n   *\n   * - На iOS нативный календарь не умеет работать с minDate и maxDate\n   */\n  useMobileNativeDatePicker?: boolean;\n\n  /**\n   * Функция для определения праздничных дней\n   * @default (_day, isWeekend) => isWeekend\n   * @param {string} day - строка в формате `dd.mm.yyyy`\n   * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)\n   *\n   * @returns {boolean} `true` для выходного или `false` для рабочего дня\n   */\n  isHoliday?: (day: string, isWeekend: boolean) => boolean;\n}\n\nexport interface DatePickerState {\n  opened: boolean;\n  canUseMobileNativeDatePicker: boolean;\n}\n\nexport const DatePickerDataTids = {\n  root: 'DatePicker__root',\n  pickerRoot: 'Picker__root',\n  pickerTodayWrapper: 'Picker__todayWrapper',\n} as const;\n\ntype DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate' | 'isHoliday'>>;\n\n@rootNode\nexport class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {\n  public static __KONTUR_REACT_UI__ = 'DatePicker';\n\n  public static propTypes = {\n    autoFocus: PropTypes.bool,\n\n    disabled: PropTypes.bool,\n\n    /**\n     * Включает кнопку сегодня в календаре\n     */\n    enableTodayLink: PropTypes.bool,\n\n    error: PropTypes.bool,\n\n    /**\n     * Максимальная дата в календаре.\n     */\n    maxDate: PropTypes.string.isRequired,\n\n    menuAlign: PropTypes.oneOf(['left', 'right']),\n\n    /**\n     * Минимальная дата в календаре.\n     */\n    minDate: PropTypes.string.isRequired,\n\n    /**\n     * Строка формата `dd.mm.yyyy`\n     */\n    value: PropTypes.string,\n\n    warning: PropTypes.bool,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n\n    onBlur: PropTypes.func,\n\n    onValueChange: PropTypes.func.isRequired,\n\n    onFocus: PropTypes.func,\n\n    onKeyDown: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n\n    onMouseLeave: PropTypes.func,\n\n    onMouseOver: PropTypes.func,\n\n    isHoliday: PropTypes.func.isRequired,\n  };\n\n  public static defaultProps: DefaultProps = {\n    minDate: MIN_FULLDATE,\n    maxDate: MAX_FULLDATE,\n    isHoliday: (_day: string, isWeekend: boolean) => isWeekend,\n  };\n\n  private getProps = createPropsGetter(DatePicker.defaultProps);\n  private theme!: Theme;\n\n  public static validate = (value: Nullable<string>, range: { minDate?: string; maxDate?: string } = {}) => {\n    if (!value) {\n      return false;\n    }\n\n    const { minDate = MIN_FULLDATE, maxDate = MAX_FULLDATE } = range;\n    const internalDate = new InternalDate({\n      order: InternalDateOrder.DMY,\n      separator: InternalDateSeparator.Dot,\n    })\n      .setRangeStart(new InternalDate({ value: minDate }))\n      .setRangeEnd(new InternalDate({ value: maxDate }))\n      .parseValue(value);\n\n    return internalDate.validate({\n      checks: [\n        InternalDateValidateCheck.NotNull,\n        InternalDateValidateCheck.Number,\n        InternalDateValidateCheck.Native,\n        InternalDateValidateCheck.Limits,\n        InternalDateValidateCheck.Range,\n      ],\n    });\n  };\n\n  public state: DatePickerState = { opened: false, canUseMobileNativeDatePicker: false };\n\n  private input: DateInput | null = null;\n  private focused = false;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.useMobileNativeDatePicker && isMobile) {\n      this.setState({\n        canUseMobileNativeDatePicker: true,\n      });\n    }\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public componentDidUpdate() {\n    const { disabled } = this.props;\n    const { opened } = this.state;\n    if (disabled && opened) {\n      this.close();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.input) {\n      this.input.blur();\n    }\n    this.handleBlur();\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.props.disabled) {\n      return;\n    }\n    if (this.input) {\n      this.input.focus();\n    }\n    this.handleFocus();\n  }\n\n  /**\n   * Закрывает выпадашку выбора дня\n   * @public\n   */\n  public close() {\n    this.setState({ opened: false });\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DatePickerProps>) => {\n    let picker = null;\n\n    const { value } = this.props;\n    const { minDate, maxDate } = this.getProps();\n\n    const internalDate = this.parseValueToDate(value);\n    const date = internalDate ? internalDate.toNativeFormat() : null;\n\n    const parsedMinDate = this.parseValueToDate(minDate);\n    const formattedMinDate = (parsedMinDate && parsedMinDate.toNativeFormat()) || undefined;\n\n    const parsedMaxDate = this.parseValueToDate(maxDate);\n    const formattedMaxDate = (parsedMaxDate && parsedMaxDate.toNativeFormat()) || undefined;\n\n    if (this.state.opened) {\n      picker = (\n        <DropdownContainer\n          menuPos={this.props.menuPos}\n          data-tid={DatePickerDataTids.root}\n          getParent={this.getParent}\n          offsetY={parseInt(this.theme.datePickerMenuOffsetY)}\n          align={this.props.menuAlign}\n        >\n          <Picker\n            value={date}\n            minDate={formattedMinDate}\n            maxDate={formattedMaxDate}\n            onPick={this.handlePick}\n            onSelect={this.handleSelect}\n            enableTodayLink={this.props.enableTodayLink}\n            isHoliday={this.isHoliday}\n          />\n        </DropdownContainer>\n      );\n    }\n\n    return (\n      <label\n        className={styles.root()}\n        style={this.getRootStyle()}\n        onMouseEnter={this.props.onMouseEnter}\n        onMouseLeave={this.props.onMouseLeave}\n        onMouseOver={this.props.onMouseOver}\n      >\n        <DateInput\n          {...filterProps(props, INPUT_PASS_PROPS)}\n          ref={this.getInputRef}\n          value={this.props.value || ''}\n          width=\"100%\"\n          withIcon\n          minDate={minDate}\n          maxDate={maxDate}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          onValueChange={this.props.onValueChange}\n        />\n        {this.state.canUseMobileNativeDatePicker && (\n          <NativeDateInput\n            onValueChange={this.props.onValueChange}\n            value={this.props.value || ''}\n            minDate={minDate}\n            maxDate={maxDate}\n            disabled={this.props.disabled}\n          />\n        )}\n        {!this.state.canUseMobileNativeDatePicker && picker}\n      </label>\n    );\n  };\n\n  public getParent = () => {\n    return getRootNode(this);\n  };\n\n  private getRootStyle = () => {\n    const { width } = this.props;\n    return isNonNullable(width) ? { width } : { minWidth: MIN_WIDTH };\n  };\n\n  private getInputRef = (ref: DateInput | null) => {\n    this.input = ref;\n  };\n\n  private parseValueToDate(value?: Nullable<string>): InternalDate | undefined {\n    if (value === undefined || value === null) {\n      return undefined;\n    }\n    const date = new InternalDate({ value });\n    if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\n      return date;\n    }\n    return undefined;\n  }\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n\n    this.focused = true;\n\n    this.setState({ opened: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus();\n    }\n  };\n\n  private handleBlur = () => {\n    if (!this.focused) {\n      return;\n    }\n\n    this.focused = false;\n    this.close();\n\n    if (this.props.onBlur) {\n      this.props.onBlur();\n    }\n  };\n\n  private handlePick = (dateShape: CalendarDateShape) => {\n    this.handleSelect(dateShape);\n    this.blur();\n  };\n\n  private handleSelect = (dateShape: CalendarDateShape | null) => {\n    if (!dateShape) {\n      return null;\n    }\n\n    const value = InternalDateTransformer.dateToInternalString({\n      date: dateShape.date,\n      month: dateShape.month + 1,\n      year: dateShape.year,\n    });\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private isHoliday = ({ date, month, year, isWeekend }: CalendarDateShape & { isWeekend: boolean }) => {\n    const dateString = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\n    return this.getProps().isHoliday(dateString, isWeekend);\n  };\n}\n"]}

package/cjs/components/DatePicker/DatePicker.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const styles: {
-    root(): string;
-};
+export declare const styles: {
+    root(): string;
+};

package/cjs/components/DatePicker/DatePickerHelpers.d.ts

@@ -1,2 +1,2 @@
-import { CalendarDateShape } from '../../internal/Calendar';
-export declare function formatDate({ date, month, year }: CalendarDateShape): string;
+import { CalendarDateShape } from '../../internal/Calendar';
+export declare function formatDate({ date, month, year }: CalendarDateShape): string;

package/cjs/components/DatePicker/Picker.d.ts

@@ -1,33 +1,33 @@
-import React from 'react';
-import { CalendarDateShape } from '../../internal/Calendar';
-import { Nullable } from '../../typings/utility-types';
-interface Props {
-    maxDate?: CalendarDateShape;
-    minDate?: CalendarDateShape;
-    value: Nullable<CalendarDateShape>;
-    onPick: (date: CalendarDateShape) => void;
-    onSelect?: (date: CalendarDateShape) => void;
-    enableTodayLink?: boolean;
-    isHoliday?: (day: CalendarDateShape & {
-        isWeekend: boolean;
-    }) => boolean;
-}
-interface State {
-    date: CalendarDateShape;
-    today: CalendarDateShape;
-}
-export declare class Picker extends React.Component<Props, State> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    private calendar;
-    private readonly locale;
-    constructor(props: Props);
-    componentDidUpdate(prevProps: Props): void;
-    render(): JSX.Element;
-    private renderMain;
-    private scrollToMonth;
-    private renderTodayLink;
-    private handleSelectToday;
-    private getInitialDate;
-}
-export {};
+import React from 'react';
+import { CalendarDateShape } from '../../internal/Calendar';
+import { Nullable } from '../../typings/utility-types';
+interface Props {
+    maxDate?: CalendarDateShape;
+    minDate?: CalendarDateShape;
+    value: Nullable<CalendarDateShape>;
+    onPick: (date: CalendarDateShape) => void;
+    onSelect?: (date: CalendarDateShape) => void;
+    enableTodayLink?: boolean;
+    isHoliday?: (day: CalendarDateShape & {
+        isWeekend: boolean;
+    }) => boolean;
+}
+interface State {
+    date: CalendarDateShape;
+    today: CalendarDateShape;
+}
+export declare class Picker extends React.Component<Props, State> {
+    static __KONTUR_REACT_UI__: string;
+    private theme;
+    private calendar;
+    private readonly locale;
+    constructor(props: Props);
+    componentDidUpdate(prevProps: Props): void;
+    render(): JSX.Element;
+    private renderMain;
+    private scrollToMonth;
+    private renderTodayLink;
+    private handleSelectToday;
+    private getInitialDate;
+}
+export {};

package/cjs/components/DatePicker/Picker.js

@@ -8,6 +8,9 @@ var _decorators = require("../../lib/locale/decorators");
 
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _Button = require("../Button");
+var _ArrowAUp16Light = require("../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light");
 
 var _Picker = require("./Picker.styles");
 var _locale = require("./locale");
@@ -112,6 +115,22 @@ Picker = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleH
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -145,4 +164,4 @@ Picker = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleH
       }
 
       return today;
-    };var _today = getTodayCalendarDate();_this.state = { date: _this.getInitialDate(_today), today: _today };return _this;}var _proto = Picker.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var value = this.props.value;if (value && !(0, _shallowequal.default)(value, prevProps.value)) {this.scrollToMonth(value.month, value.year);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var date = this.state.date;return /*#__PURE__*/_react.default.createElement("div", { "data-tid": _DatePicker.DatePickerDataTids.pickerRoot, className: _Picker.styles.root(this.theme), onMouseDown: function onMouseDown(e) {return e.preventDefault();} }, /*#__PURE__*/_react.default.createElement(_Calendar.Calendar, { ref: function ref(c) {return _this3.calendar = c;}, value: this.props.value, initialMonth: date.month, initialYear: date.year, onSelect: this.props.onPick, minDate: this.props.minDate, maxDate: this.props.maxDate, isHoliday: this.props.isHoliday }), this.props.enableTodayLink && this.renderTodayLink(), ' ');};_proto.renderTodayLink = function renderTodayLink() {var _this$locale = this.locale,order = _this$locale.order,separator = _this$locale.separator;var today = new _InternalDate.InternalDate({ order: order, separator: separator }).setComponents(_InternalDateGetter.InternalDateGetter.getTodayComponents());return /*#__PURE__*/_react.default.createElement("button", { "data-tid": _DatePicker.DatePickerDataTids.pickerTodayWrapper, className: _Picker.styles.todayWrapper(this.theme), onClick: this.handleSelectToday(today), tabIndex: -1 }, this.locale.today + " " + today.toString({ withPad: true, withSeparator: true }));};return Picker;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Picker', _temp)) || _class);exports.Picker = Picker;
+    };var _today = getTodayCalendarDate();_this.state = { date: _this.getInitialDate(_today), today: _today };return _this;}var _proto = Picker.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var value = this.props.value;if (value && !(0, _shallowequal.default)(value, prevProps.value)) {this.scrollToMonth(value.month, value.year);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var date = this.state.date;return /*#__PURE__*/_react.default.createElement("div", { "data-tid": _DatePicker.DatePickerDataTids.pickerRoot, className: _Picker.styles.root(this.theme), onMouseDown: function onMouseDown(e) {return e.preventDefault();} }, /*#__PURE__*/_react.default.createElement(_Calendar.Calendar, { ref: function ref(c) {return _this3.calendar = c;}, value: this.props.value, initialMonth: date.month, initialYear: date.year, onSelect: this.props.onPick, minDate: this.props.minDate, maxDate: this.props.maxDate, isHoliday: this.props.isHoliday }), this.props.enableTodayLink && this.renderTodayLink(), ' ');};_proto.renderTodayLink = function renderTodayLink() {var _this$locale = this.locale,order = _this$locale.order,separator = _this$locale.separator;var today = new _InternalDate.InternalDate({ order: order, separator: separator }).setComponents(_InternalDateGetter.InternalDateGetter.getTodayComponents());if ((0, _ThemeHelpers.isTheme2022)(this.theme)) {return /*#__PURE__*/_react.default.createElement("div", { style: { margin: 8 } }, /*#__PURE__*/_react.default.createElement(_Button.Button, { "data-tid": _DatePicker.DatePickerDataTids.pickerTodayWrapper, width: "100%", onClick: this.handleSelectToday(today), icon: /*#__PURE__*/_react.default.createElement(_ArrowAUp16Light.ArrowAUpIcon16Light, null) }, this.locale.today));}return /*#__PURE__*/_react.default.createElement("button", { "data-tid": _DatePicker.DatePickerDataTids.pickerTodayWrapper, className: _Picker.styles.todayWrapper(this.theme), onClick: this.handleSelectToday(today), tabIndex: -1 }, this.locale.today + " " + today.toString({ withPad: true, withSeparator: true }));};return Picker;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Picker', _temp)) || _class);exports.Picker = Picker;

package/cjs/components/DatePicker/Picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Picker.tsx"],"names":["getTodayCalendarDate","d","Date","date","getDate","month","getMonth","year","getFullYear","Picker","DatePickerLocaleHelper","props","calendar","scrollToMonth","handleSelectToday","today","onSelect","todayInNativeFormat","toNativeFormat","state","getInitialDate","value","minDate","maxDate","componentDidUpdate","prevProps","render","theme","renderMain","DatePickerDataTids","pickerRoot","styles","root","e","preventDefault","c","onPick","isHoliday","enableTodayLink","renderTodayLink","locale","order","separator","InternalDate","setComponents","InternalDateGetter","getTodayComponents","pickerTodayWrapper","todayWrapper","toString","withPad","withSeparator","React","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\nimport shallowEqual from 'shallowequal';\n\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter';\nimport { Calendar, CalendarDateShape, isGreater, isLess } from '../../internal/Calendar';\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './Picker.styles';\nimport { DatePickerLocale, DatePickerLocaleHelper } from './locale';\nimport { DatePickerDataTids } from './DatePicker';\n\ninterface Props {\n  maxDate?: CalendarDateShape;\n  minDate?: CalendarDateShape;\n  value: Nullable<CalendarDateShape>;\n  onPick: (date: CalendarDateShape) => void;\n  onSelect?: (date: CalendarDateShape) => void;\n  enableTodayLink?: boolean;\n  isHoliday?: (day: CalendarDateShape & { isWeekend: boolean }) => boolean;\n}\n\ninterface State {\n  date: CalendarDateShape;\n  today: CalendarDateShape;\n}\n\nconst getTodayCalendarDate = () => {\n  const d = new Date();\n  return {\n    date: d.getDate(),\n    month: d.getMonth(),\n    year: d.getFullYear(),\n  };\n};\n\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class Picker extends React.Component<Props, State> {\n  public static __KONTUR_REACT_UI__ = 'Picker';\n\n  private theme!: Theme;\n  private calendar: Calendar | null = null;\n  private readonly locale!: DatePickerLocale;\n\n  constructor(props: Props) {\n    super(props);\n    const today = getTodayCalendarDate();\n    this.state = {\n      date: this.getInitialDate(today),\n      today,\n    };\n  }\n\n  public componentDidUpdate(prevProps: Props) {\n    const { value } = this.props;\n    if (value && !shallowEqual(value, prevProps.value)) {\n      this.scrollToMonth(value.month, value.year);\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { date } = this.state;\n\n    return (\n      <div\n        data-tid={DatePickerDataTids.pickerRoot}\n        className={styles.root(this.theme)}\n        onMouseDown={(e) => e.preventDefault()}\n      >\n        <Calendar\n          ref={(c) => (this.calendar = c)}\n          value={this.props.value}\n          initialMonth={date.month}\n          initialYear={date.year}\n          onSelect={this.props.onPick}\n          minDate={this.props.minDate}\n          maxDate={this.props.maxDate}\n          isHoliday={this.props.isHoliday}\n        />\n        {this.props.enableTodayLink && this.renderTodayLink()}{' '}\n      </div>\n    );\n  }\n\n  private scrollToMonth = (month: number, year: number) => {\n    if (this.calendar) {\n      this.calendar.scrollToMonth(month, year);\n    }\n  };\n\n  private renderTodayLink() {\n    const { order, separator } = this.locale;\n    const today = new InternalDate({ order, separator }).setComponents(InternalDateGetter.getTodayComponents());\n    return (\n      <button\n        data-tid={DatePickerDataTids.pickerTodayWrapper}\n        className={styles.todayWrapper(this.theme)}\n        onClick={this.handleSelectToday(today)}\n        tabIndex={-1}\n      >\n        {`${this.locale.today} ${today.toString({ withPad: true, withSeparator: true })}`}\n      </button>\n    );\n  }\n\n  private handleSelectToday = (today: InternalDate) => () => {\n    if (this.props.onSelect) {\n      const todayInNativeFormat = today.toNativeFormat();\n      if (todayInNativeFormat) {\n        this.props.onSelect(todayInNativeFormat);\n      }\n    }\n\n    if (this.calendar) {\n      const { month, year } = this.state.today;\n      this.calendar.scrollToMonth(month, year);\n    }\n  };\n\n  private getInitialDate = (today: CalendarDateShape) => {\n    if (this.props.value) {\n      return this.props.value;\n    }\n\n    if (this.props.minDate && isLess(today, this.props.minDate)) {\n      return this.props.minDate;\n    }\n\n    if (this.props.maxDate && isGreater(today, this.props.maxDate)) {\n      return this.props.maxDate;\n    }\n\n    return today;\n  };\n}\n"]}
+{"version":3,"sources":["Picker.tsx"],"names":["getTodayCalendarDate","d","Date","date","getDate","month","getMonth","year","getFullYear","Picker","DatePickerLocaleHelper","props","calendar","scrollToMonth","handleSelectToday","today","onSelect","todayInNativeFormat","toNativeFormat","state","getInitialDate","value","minDate","maxDate","componentDidUpdate","prevProps","render","theme","renderMain","DatePickerDataTids","pickerRoot","styles","root","e","preventDefault","c","onPick","isHoliday","enableTodayLink","renderTodayLink","locale","order","separator","InternalDate","setComponents","InternalDateGetter","getTodayComponents","margin","pickerTodayWrapper","todayWrapper","toString","withPad","withSeparator","React","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\nimport shallowEqual from 'shallowequal';\n\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter';\nimport { Calendar, CalendarDateShape, isGreater, isLess } from '../../internal/Calendar';\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Button } from '../Button';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light';\n\nimport { styles } from './Picker.styles';\nimport { DatePickerLocale, DatePickerLocaleHelper } from './locale';\nimport { DatePickerDataTids } from './DatePicker';\n\ninterface Props {\n  maxDate?: CalendarDateShape;\n  minDate?: CalendarDateShape;\n  value: Nullable<CalendarDateShape>;\n  onPick: (date: CalendarDateShape) => void;\n  onSelect?: (date: CalendarDateShape) => void;\n  enableTodayLink?: boolean;\n  isHoliday?: (day: CalendarDateShape & { isWeekend: boolean }) => boolean;\n}\n\ninterface State {\n  date: CalendarDateShape;\n  today: CalendarDateShape;\n}\n\nconst getTodayCalendarDate = () => {\n  const d = new Date();\n  return {\n    date: d.getDate(),\n    month: d.getMonth(),\n    year: d.getFullYear(),\n  };\n};\n\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class Picker extends React.Component<Props, State> {\n  public static __KONTUR_REACT_UI__ = 'Picker';\n\n  private theme!: Theme;\n  private calendar: Calendar | null = null;\n  private readonly locale!: DatePickerLocale;\n\n  constructor(props: Props) {\n    super(props);\n    const today = getTodayCalendarDate();\n    this.state = {\n      date: this.getInitialDate(today),\n      today,\n    };\n  }\n\n  public componentDidUpdate(prevProps: Props) {\n    const { value } = this.props;\n    if (value && !shallowEqual(value, prevProps.value)) {\n      this.scrollToMonth(value.month, value.year);\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { date } = this.state;\n\n    return (\n      <div\n        data-tid={DatePickerDataTids.pickerRoot}\n        className={styles.root(this.theme)}\n        onMouseDown={(e) => e.preventDefault()}\n      >\n        <Calendar\n          ref={(c) => (this.calendar = c)}\n          value={this.props.value}\n          initialMonth={date.month}\n          initialYear={date.year}\n          onSelect={this.props.onPick}\n          minDate={this.props.minDate}\n          maxDate={this.props.maxDate}\n          isHoliday={this.props.isHoliday}\n        />\n        {this.props.enableTodayLink && this.renderTodayLink()}{' '}\n      </div>\n    );\n  }\n\n  private scrollToMonth = (month: number, year: number) => {\n    if (this.calendar) {\n      this.calendar.scrollToMonth(month, year);\n    }\n  };\n\n  private renderTodayLink() {\n    const { order, separator } = this.locale;\n    const today = new InternalDate({ order, separator }).setComponents(InternalDateGetter.getTodayComponents());\n\n    if (isTheme2022(this.theme)) {\n      return (\n        <div style={{ margin: 8 }}>\n          <Button\n            data-tid={DatePickerDataTids.pickerTodayWrapper}\n            width=\"100%\"\n            onClick={this.handleSelectToday(today)}\n            icon={<ArrowAUpIcon16Light />}\n          >\n            {this.locale.today}\n          </Button>\n        </div>\n      );\n    }\n\n    return (\n      <button\n        data-tid={DatePickerDataTids.pickerTodayWrapper}\n        className={styles.todayWrapper(this.theme)}\n        onClick={this.handleSelectToday(today)}\n        tabIndex={-1}\n      >\n        {`${this.locale.today} ${today.toString({ withPad: true, withSeparator: true })}`}\n      </button>\n    );\n  }\n\n  private handleSelectToday = (today: InternalDate) => () => {\n    if (this.props.onSelect) {\n      const todayInNativeFormat = today.toNativeFormat();\n      if (todayInNativeFormat) {\n        this.props.onSelect(todayInNativeFormat);\n      }\n    }\n\n    if (this.calendar) {\n      const { month, year } = this.state.today;\n      this.calendar.scrollToMonth(month, year);\n    }\n  };\n\n  private getInitialDate = (today: CalendarDateShape) => {\n    if (this.props.value) {\n      return this.props.value;\n    }\n\n    if (this.props.minDate && isLess(today, this.props.minDate)) {\n      return this.props.minDate;\n    }\n\n    if (this.props.maxDate && isGreater(today, this.props.maxDate)) {\n      return this.props.maxDate;\n    }\n\n    return today;\n  };\n}\n"]}

package/cjs/components/DatePicker/Picker.styles.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    todayWrapper(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    todayWrapper(t: Theme): string;
+};

package/cjs/components/DatePicker/Picker.styles.js

@@ -3,13 +3,14 @@
 
 var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n      border-radius: ", ";\n    "])),
     t.pickerBg,
-    t.pickerShadow);
+    t.pickerShadow,
 
 
 
 
+    t.pickerBorderRadius);
 
   },