@skbkontur/react-ui 5.0.4 → 5.0.6-next.0

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

@@ -1 +1 @@
-{"version":3,"names":["PropTypes","React","Popup","LocaleContext","locale","InternalDateGetter","ArrowAUpIcon16Light","ThemeFactory","InternalDate","MAX_FULLDATE","MIN_FULLDATE","InternalDateOrder","InternalDateSeparator","InternalDateValidateCheck","DateInput","filterProps","CommonWrapper","isMobile","NativeDateInput","getRootNode","rootNode","isNonNullable","createPropsGetter","Calendar","ThemeContext","Button","getTodayDate","responsiveLayout","getMenuPositions","ZIndex","styles","DatePickerLocaleHelper","MobilePicker","INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","DatePickerDataTids","root","input","label","pickerRoot","pickerTodayWrapper","DatePicker","_dec","_class","_DatePicker","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","opened","canUseMobileNativeDatePicker","today","focused","renderMain","props","picker","_this$getProps","minDate","maxDate","menuPos","menuAlign","isMobileLayout","createElement","value","parseValueToDate","onValueChange","enableTodayLink","isHoliday","onCloseRequest","handleBlur","renderDay","onMonthChange","Provider","months","dayCellChooseDateAriaLabel","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","hasShadow","priority","priorities","PopupMenu","positions","anchorElement","getParent","margin","parseInt","theme","datePickerMenuOffsetY","className","calendarWrapper","onMouseDown","e","preventDefault","handleValueChange","renderTodayLink","style","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","_extends","id","ref","getInputRef","width","withIcon","onBlur","undefined","onFocus","handleFocus","minWidth","setState","close","handleSelect","blur","_inheritsLoose","_proto","prototype","componentDidMount","useMobileNativeDatePicker","focus","componentDidUpdate","render","_this2","Consumer","create","calendarBottomSeparatorBorder","rootNodeRef","setRootNode","date","validate","checks","NotNull","Native","toString","withPad","_this3","_this$locale","order","separator","setComponents","getTodayComponents","withSeparator","todayAriaLabel","onClick","icon","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","string","isRequired","oneOf","oneOfType","number","func","range","_range","_range$minDate","_range$maxDate","internalDate","DMY","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"sources":["DatePicker.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { HTMLAttributes } from 'react';\n\nimport { Popup } from '../../internal/Popup';\nimport { LocaleContext } from '../../lib/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\nimport { Nullable } from '../../typings/utility-types';\nimport { DateInput } from '../DateInput';\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 { Calendar, CalendarDateShape, CalendarProps } from '../Calendar';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { Button } from '../Button';\nimport { getTodayDate } from '../Calendar/CalendarUtils';\nimport { SizeProp } from '../../lib/types/props';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ZIndex } from '../../internal/ZIndex';\n\nimport { styles } from './DatePicker.styles';\nimport { DatePickerLocale, DatePickerLocaleHelper } from './locale';\nimport { MobilePicker } from './MobilePicker';\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\n  extends Pick<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  /**\n   * Отвечает за отображение кнопки \"Сегодня\".\n   */\n  enableTodayLink?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  size?: SizeProp;\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\nexport interface DatePickerState {\n  opened: boolean;\n  canUseMobileNativeDatePicker: boolean;\n  today: CalendarDateShape;\n}\n\nexport const DatePickerDataTids = {\n  root: 'DatePicker__root',\n  input: 'DatePicker__input',\n  label: 'DatePicker__label',\n  pickerRoot: 'Picker__root',\n  pickerTodayWrapper: 'Picker__todayWrapper',\n} as const;\n\ntype DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate'>>;\n\n@responsiveLayout\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {\n  public static __KONTUR_REACT_UI__ = 'DatePicker';\n  public static displayName = '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    menuPos: PropTypes.oneOf(['top', 'bottom']),\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]),\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,\n\n    renderDay: PropTypes.func,\n\n    onMonthChange: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    minDate: MIN_FULLDATE,\n    maxDate: MAX_FULLDATE,\n  };\n\n  private getProps = createPropsGetter(DatePicker.defaultProps);\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\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, today: getTodayDate() };\n\n  private input: DateInput | null = null;\n  private focused = false;\n  private setRootNode!: TSetRootNode;\n  private isMobileLayout!: boolean;\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\n          return (\n            <ThemeContext.Provider value={ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme)}>\n              <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                {this.renderMain}\n              </CommonWrapper>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DatePickerProps>) => {\n    let picker = null;\n\n    const { minDate, maxDate, menuPos, menuAlign } = this.getProps();\n\n    const isMobile = this.isMobileLayout;\n\n    if (this.state.opened) {\n      if (isMobile) {\n        picker = (\n          <MobilePicker\n            value={this.props.value}\n            minDate={this.parseValueToDate(minDate)}\n            maxDate={this.parseValueToDate(maxDate)}\n            onValueChange={this.props.onValueChange}\n            enableTodayLink={this.props.enableTodayLink}\n            isHoliday={this.props.isHoliday}\n            onCloseRequest={this.handleBlur}\n            renderDay={props.renderDay}\n            onMonthChange={props.onMonthChange}\n          />\n        );\n      } else {\n        picker = (\n          <LocaleContext.Provider\n            value={{\n              locale: {\n                Calendar: {\n                  months: this.locale.months,\n                  dayCellChooseDateAriaLabel: this.locale.dayCellChooseDateAriaLabel,\n                  selectMonthAriaLabel: this.locale.selectMonthAriaLabel,\n                  selectYearAriaLabel: this.locale.selectYearAriaLabel,\n                  selectChosenAriaLabel: this.locale.selectChosenAriaLabel,\n                },\n              },\n            }}\n          >\n            <Popup\n              opened\n              hasShadow\n              priority={ZIndex.priorities.PopupMenu}\n              positions={getMenuPositions(menuPos, menuAlign)}\n              data-tid={DatePickerDataTids.root}\n              anchorElement={this.getParent()}\n              margin={parseInt(this.theme.datePickerMenuOffsetY)}\n            >\n              <div\n                data-tid={DatePickerDataTids.pickerRoot}\n                className={styles.calendarWrapper(this.theme)}\n                onMouseDown={(e) => e.preventDefault()}\n              >\n                <Calendar\n                  maxDate={this.parseValueToDate(maxDate)}\n                  minDate={this.parseValueToDate(minDate)}\n                  onValueChange={this.handleValueChange}\n                  isHoliday={this.props.isHoliday}\n                  value={this.parseValueToDate(this.props.value)}\n                  renderDay={this.props.renderDay}\n                  onMonthChange={this.props.onMonthChange}\n                />\n                {this.props.enableTodayLink && this.renderTodayLink()}{' '}\n              </div>\n            </Popup>\n          </LocaleContext.Provider>\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        data-tid={DatePickerDataTids.label}\n      >\n        <DateInput\n          id={this.props.id}\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={isMobile ? undefined : this.handleBlur}\n          onFocus={this.handleFocus}\n          onValueChange={this.props.onValueChange}\n          data-tid={DatePickerDataTids.input}\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          picker\n        )}\n      </label>\n    );\n  };\n  private parseValueToDate(value?: Nullable<string>): string | undefined {\n    if (value === undefined || value === null) {\n      return undefined;\n    }\n\n    const date = new InternalDate({ value });\n    if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\n      return date.toString({ withPad: true });\n    }\n\n    return undefined;\n  }\n\n  private renderTodayLink() {\n    const { order, separator } = this.locale;\n    const today = new InternalDate({ order, separator })\n      .setComponents(InternalDateGetter.getTodayComponents())\n      .toString({ withPad: true, withSeparator: true });\n\n    return (\n      <div style={{ margin: 8 }}>\n        <Button\n          aria-label={this.locale.todayAriaLabel}\n          data-tid={DatePickerDataTids.pickerTodayWrapper}\n          width=\"100%\"\n          onClick={() => {\n            this.handleSelect(today);\n          }}\n          icon={<ArrowAUpIcon16Light />}\n        >\n          {this.locale.today}\n        </Button>\n      </div>\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 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 handleValueChange = (value: string) => {\n    this.handleSelect(value);\n    this.blur();\n  };\n\n  private handleSelect = (value: string | null) => {\n    if (!value) {\n      return null;\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n}\n"],"mappings":"8JAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAA0B,OAAO;;AAE7C,SAASC,KAAK,QAAQ,sBAAsB;AAC5C,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,kBAAkB,QAAQ,mCAAmC;AACtE,SAASC,mBAAmB,QAAQ,uDAAuD;AAC3F,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,YAAY,EAAEC,YAAY,QAAQ,0BAA0B;AACrE,SAASC,iBAAiB,EAAEC,qBAAqB,EAAEC,yBAAyB,QAAQ,sBAAsB;;AAE1G,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,aAAa,QAA6C,8BAA8B;AACjG,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,WAAW,EAAEC,QAAQ,QAAsB,oBAAoB;AACxE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,QAAQ,QAA0C,aAAa;AACxE,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,YAAY,QAAQ,2BAA2B;;AAExD,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,MAAM,QAAQ,uBAAuB;;AAE9C,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAA2BC,sBAAsB,QAAQ,UAAU;AACnE,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C,IAAMC,gBAAgB,GAAG;EACvBC,SAAS,EAAE,IAAI;EACfC,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE,IAAI;EACbC,KAAK,EAAE,IAAI;EACXC,IAAI,EAAE,IAAI;EACVC,SAAS,EAAE;AACb,CAAC;;AAED,OAAO,IAAMC,SAAS,GAAG,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsD5B,OAAO,IAAMC,kBAAkB,GAAG;EAChCC,IAAI,EAAE,kBAAkB;EACxBC,KAAK,EAAE,mBAAmB;EAC1BC,KAAK,EAAE,mBAAmB;EAC1BC,UAAU,EAAE,cAAc;EAC1BC,kBAAkB,EAAE;AACtB,CAAU;;;;AAIV;;;AAGaC,UAAU,IAAAC,IAAA,GADtB5C,MAAM,CAAC,YAAY,EAAE2B,sBAAsB,CAAC,EAF5CJ,gBAAgB,CAAAsB,MAAA,GAChB7B,QAAQ,CAAA6B,MAAA,GAAAD,IAAA,CAAAC,MAAA,IAAAC,WAAA,0BAAAC,oBAAA,YAAAJ,WAAA,OAAAK,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,oBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,oBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmECU,QAAQ,GAAGxC,iBAAiB,CAACyB,UAAU,CAACgB,YAAY,CAAC,CAAAX,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6BtDY,KAAK,GAAoB,EAAEC,MAAM,EAAE,KAAK,EAAEC,4BAA4B,EAAE,KAAK,EAAEC,KAAK,EAAEzC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA0B,KAAA;;IAErGT,KAAK,GAAqB,IAAI,CAAAS,KAAA;IAC9BgB,OAAO,GAAG,KAAK,CAAAhB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwEhBiB,UAAU,GAAG,UAACC,KAA8C,EAAK;MACtE,IAAIC,MAAM,GAAG,IAAI;;MAEjB,IAAAC,cAAA,GAAiDpB,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAAxDW,OAAO,GAAAD,cAAA,CAAPC,OAAO,CAAEC,OAAO,GAAAF,cAAA,CAAPE,OAAO,CAAEC,OAAO,GAAAH,cAAA,CAAPG,OAAO,CAAEC,SAAS,GAAAJ,cAAA,CAATI,SAAS;;MAE5C,IAAM3D,QAAQ,GAAGmC,KAAA,CAAKyB,cAAc;;MAEpC,IAAIzB,KAAA,CAAKY,KAAK,CAACC,MAAM,EAAE;QACrB,IAAIhD,QAAQ,EAAE;UACZsD,MAAM;UACJtE,KAAA,CAAA6E,aAAA,CAAC9C,YAAY;YACX+C,KAAK,EAAE3B,KAAA,CAAKkB,KAAK,CAACS,KAAM;YACxBN,OAAO,EAAErB,KAAA,CAAK4B,gBAAgB,CAACP,OAAO,CAAE;YACxCC,OAAO,EAAEtB,KAAA,CAAK4B,gBAAgB,CAACN,OAAO,CAAE;YACxCO,aAAa,EAAE7B,KAAA,CAAKkB,KAAK,CAACW,aAAc;YACxCC,eAAe,EAAE9B,KAAA,CAAKkB,KAAK,CAACY,eAAgB;YAC5CC,SAAS,EAAE/B,KAAA,CAAKkB,KAAK,CAACa,SAAU;YAChCC,cAAc,EAAEhC,KAAA,CAAKiC,UAAW;YAChCC,SAAS,EAAEhB,KAAK,CAACgB,SAAU;YAC3BC,aAAa,EAAEjB,KAAK,CAACiB,aAAc;UACpC,CACF;;QACH,CAAC,MAAM;UACLhB,MAAM;UACJtE,KAAA,CAAA6E,aAAA,CAAC3E,aAAa,CAACqF,QAAQ;YACrBT,KAAK,EAAE;cACL3E,MAAM,EAAE;gBACNmB,QAAQ,EAAE;kBACRkE,MAAM,EAAErC,KAAA,CAAKhD,MAAM,CAACqF,MAAM;kBAC1BC,0BAA0B,EAAEtC,KAAA,CAAKhD,MAAM,CAACsF,0BAA0B;kBAClEC,oBAAoB,EAAEvC,KAAA,CAAKhD,MAAM,CAACuF,oBAAoB;kBACtDC,mBAAmB,EAAExC,KAAA,CAAKhD,MAAM,CAACwF,mBAAmB;kBACpDC,qBAAqB,EAAEzC,KAAA,CAAKhD,MAAM,CAACyF;gBACrC;cACF;YACF,CAAE;;UAEF5F,KAAA,CAAA6E,aAAA,CAAC5E,KAAK;YACJ+D,MAAM;YACN6B,SAAS;YACTC,QAAQ,EAAElE,MAAM,CAACmE,UAAU,CAACC,SAAU;YACtCC,SAAS,EAAEtE,gBAAgB,CAAC+C,OAAO,EAAEC,SAAS,CAAE;YAChD,YAAUnC,kBAAkB,CAACC,IAAK;YAClCyD,aAAa,EAAE/C,KAAA,CAAKgD,SAAS,CAAC,CAAE;YAChCC,MAAM,EAAEC,QAAQ,CAAClD,KAAA,CAAKmD,KAAK,CAACC,qBAAqB,CAAE;;UAEnDvG,KAAA,CAAA6E,aAAA;YACE,YAAUrC,kBAAkB,CAACI,UAAW;YACxC4D,SAAS,EAAE3E,MAAM,CAAC4E,eAAe,CAACtD,KAAA,CAAKmD,KAAK,CAAE;YAC9CI,WAAW,EAAE,SAAAA,YAACC,CAAC,UAAKA,CAAC,CAACC,cAAc,CAAC,CAAC,EAAC;;UAEvC5G,KAAA,CAAA6E,aAAA,CAACvD,QAAQ;YACPmD,OAAO,EAAEtB,KAAA,CAAK4B,gBAAgB,CAACN,OAAO,CAAE;YACxCD,OAAO,EAAErB,KAAA,CAAK4B,gBAAgB,CAACP,OAAO,CAAE;YACxCQ,aAAa,EAAE7B,KAAA,CAAK0D,iBAAkB;YACtC3B,SAAS,EAAE/B,KAAA,CAAKkB,KAAK,CAACa,SAAU;YAChCJ,KAAK,EAAE3B,KAAA,CAAK4B,gBAAgB,CAAC5B,KAAA,CAAKkB,KAAK,CAACS,KAAK,CAAE;YAC/CO,SAAS,EAAElC,KAAA,CAAKkB,KAAK,CAACgB,SAAU;YAChCC,aAAa,EAAEnC,KAAA,CAAKkB,KAAK,CAACiB,aAAc;UACzC,CAAC;UACDnC,KAAA,CAAKkB,KAAK,CAACY,eAAe,IAAI9B,KAAA,CAAK2D,eAAe,CAAC,CAAC,EAAE;UACpD;UACA;UACe,CACzB;;QACH;MACF;MACA;QACE9G,KAAA,CAAA6E,aAAA;UACE2B,SAAS,EAAE3E,MAAM,CAACY,IAAI,CAAC,CAAE;UACzBsE,KAAK,EAAE5D,KAAA,CAAK6D,YAAY,CAAC,CAAE;UAC3BC,YAAY,EAAE9D,KAAA,CAAKkB,KAAK,CAAC4C,YAAa;UACtCC,YAAY,EAAE/D,KAAA,CAAKkB,KAAK,CAAC6C,YAAa;UACtCC,WAAW,EAAEhE,KAAA,CAAKkB,KAAK,CAAC8C,WAAY;UACpC,YAAU3E,kBAAkB,CAACG,KAAM;;QAEnC3C,KAAA,CAAA6E,aAAA,CAAChE,SAAS,EAAAuG,QAAA;UACRC,EAAE,EAAElE,KAAA,CAAKkB,KAAK,CAACgD,EAAG;QACdvG,WAAW,CAACuD,KAAK,EAAErC,gBAAgB,CAAC;UACxCsF,GAAG,EAAEnE,KAAA,CAAKoE,WAAY;UACtBzC,KAAK,EAAE3B,KAAA,CAAKkB,KAAK,CAACS,KAAK,IAAI,EAAG;UAC9B0C,KAAK,EAAC,MAAM;UACZC,QAAQ;UACRjD,OAAO,EAAEA,OAAQ;UACjBC,OAAO,EAAEA,OAAQ;UACjBiD,MAAM,EAAE1G,QAAQ,GAAG2G,SAAS,GAAGxE,KAAA,CAAKiC,UAAW;UAC/CwC,OAAO,EAAEzE,KAAA,CAAK0E,WAAY;UAC1B7C,aAAa,EAAE7B,KAAA,CAAKkB,KAAK,CAACW,aAAc;UACxC,YAAUxC,kBAAkB,CAACE,KAAM;QACpC,CAAC;QACDS,KAAA,CAAKY,KAAK,CAACE,4BAA4B;QACtCjE,KAAA,CAAA6E,aAAA,CAAC5D,eAAe;UACd+D,aAAa,EAAE7B,KAAA,CAAKkB,KAAK,CAACW,aAAc;UACxCF,KAAK,EAAE3B,KAAA,CAAKkB,KAAK,CAACS,KAAK,IAAI,EAAG;UAC9BN,OAAO,EAAEA,OAAQ;UACjBC,OAAO,EAAEA,OAAQ;UACjBvC,QAAQ,EAAEiB,KAAA,CAAKkB,KAAK,CAACnC,QAAS;QAC/B,CAAC;;QAEFoC;;QAEG,CAAC;;IAEZ,CAAC,CAAAnB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqCMgD,SAAS,GAAG,YAAM;MACvB,OAAOjF,WAAW,CAAAiC,KAAK,CAAC;IAC1B,CAAC,CAAAA,KAAA;;IAEO6D,YAAY,GAAG,YAAM;MAC3B,IAAQQ,KAAK,GAAKrE,KAAA,CAAKkB,KAAK,CAApBmD,KAAK;MACb,OAAOpG,aAAa,CAACoG,KAAK,CAAC,GAAG,EAAEA,KAAK,EAALA,KAAK,CAAC,CAAC,GAAG,EAAEM,QAAQ,EAAEvF,SAAS,CAAC,CAAC;IACnE,CAAC,CAAAY,KAAA;;IAEOoE,WAAW,GAAG,UAACD,GAAqB,EAAK;MAC/CnE,KAAA,CAAKT,KAAK,GAAG4E,GAAG;IAClB,CAAC,CAAAnE,KAAA;;IAEO0E,WAAW,GAAG,YAAM;MAC1B,IAAI1E,KAAA,CAAKgB,OAAO,EAAE;QAChB;MACF;;MAEAhB,KAAA,CAAKgB,OAAO,GAAG,IAAI;;MAEnBhB,KAAA,CAAK4E,QAAQ,CAAC,EAAE/D,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;;MAE/B,IAAIb,KAAA,CAAKkB,KAAK,CAACuD,OAAO,EAAE;QACtBzE,KAAA,CAAKkB,KAAK,CAACuD,OAAO,CAAC,CAAC;MACtB;IACF,CAAC,CAAAzE,KAAA;;IAEOiC,UAAU,GAAG,YAAM;MACzB,IAAI,CAACjC,KAAA,CAAKgB,OAAO,EAAE;QACjB;MACF;;MAEAhB,KAAA,CAAKgB,OAAO,GAAG,KAAK;MACpBhB,KAAA,CAAK6E,KAAK,CAAC,CAAC;;MAEZ,IAAI7E,KAAA,CAAKkB,KAAK,CAACqD,MAAM,EAAE;QACrBvE,KAAA,CAAKkB,KAAK,CAACqD,MAAM,CAAC,CAAC;MACrB;IACF,CAAC,CAAAvE,KAAA;;IAEO0D,iBAAiB,GAAG,UAAC/B,KAAa,EAAK;MAC7C3B,KAAA,CAAK8E,YAAY,CAACnD,KAAK,CAAC;MACxB3B,KAAA,CAAK+E,IAAI,CAAC,CAAC;IACb,CAAC,CAAA/E,KAAA;;IAEO8E,YAAY,GAAG,UAACnD,KAAoB,EAAK;MAC/C,IAAI,CAACA,KAAK,EAAE;QACV,OAAO,IAAI;MACb;;MAEA,IAAI3B,KAAA,CAAKkB,KAAK,CAACW,aAAa,EAAE;QAC5B7B,KAAA,CAAKkB,KAAK,CAACW,aAAa,CAACF,KAAK,CAAC;MACjC;IACF,CAAC,QAAA3B,KAAA,EAAAgF,cAAA,CAAArF,UAAA,EAAAI,oBAAA,MAAAkF,MAAA,GAAAtF,UAAA,CAAAuF,SAAA,CAAAD,MAAA,CArQME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAACjE,KAAK,CAACkE,yBAAyB,IAAIvH,QAAQ,EAAE,CACpD,IAAI,CAAC+G,QAAQ,CAAC,EACZ9D,4BAA4B,EAAE,IAAI,CACpC,CAAC,CAAC,CACJ,CACA,IAAI,IAAI,CAACI,KAAK,CAACpC,SAAS,EAAE,CACxB,IAAI,CAACuG,KAAK,CAAC,CAAC,CACd,CACF,CAAC,CAAAJ,MAAA,CAEMK,kBAAkB,GAAzB,SAAAA,mBAAA,EAA4B,CAC1B,IAAQvG,QAAQ,GAAK,IAAI,CAACmC,KAAK,CAAvBnC,QAAQ,CAChB,IAAQ8B,MAAM,GAAK,IAAI,CAACD,KAAK,CAArBC,MAAM,CACd,IAAI9B,QAAQ,IAAI8B,MAAM,EAAE,CACtB,IAAI,CAACgE,KAAK,CAAC,CAAC,CACd,CACF,CAAC,CAED;AACF;AACA,KAFE,CAAAI,MAAA,CAGOF,IAAI,GAAX,SAAAA,KAAA,EAAc,CACZ,IAAI,IAAI,CAACxF,KAAK,EAAE,CACd,IAAI,CAACA,KAAK,CAACwF,IAAI,CAAC,CAAC,CACnB,CACA,IAAI,CAAC9C,UAAU,CAAC,CAAC,CACnB,CAAC,CAED;AACF;AACA,KAFE,CAAAgD,MAAA,CAGOI,KAAK,GAAZ,SAAAA,MAAA,EAAe,CACb,IAAI,IAAI,CAACnE,KAAK,CAACnC,QAAQ,EAAE,CACvB,OACF,CACA,IAAI,IAAI,CAACQ,KAAK,EAAE,CACd,IAAI,CAACA,KAAK,CAAC8F,KAAK,CAAC,CAAC,CACpB,CACA,IAAI,CAACX,WAAW,CAAC,CAAC,CACpB,CAAC,CAED;AACF;AACA;AACA,KAHE,CAAAO,MAAA,CAIOJ,KAAK,GAAZ,SAAAA,MAAA,EAAe,CACb,IAAI,CAACD,QAAQ,CAAC,EAAE/D,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAClC,CAAC,CAAAoE,MAAA,CAEMM,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE3I,KAAA,CAAA6E,aAAA,CAACtD,YAAY,CAACqH,QAAQ,QACnB,UAACtC,KAAK,EAAK,CACVqC,MAAI,CAACrC,KAAK,GAAGA,KAAK,CAElB,oBACEtG,KAAA,CAAA6E,aAAA,CAACtD,YAAY,CAACgE,QAAQ,IAACT,KAAK,EAAExE,YAAY,CAACuI,MAAM,CAAC,EAAEC,6BAA6B,EAAE,MAAM,CAAC,CAAC,EAAExC,KAAK,CAAE,iBAClGtG,KAAA,CAAA6E,aAAA,CAAC9D,aAAa,EAAAqG,QAAA,GAAC2B,WAAW,EAAEJ,MAAI,CAACK,WAAY,IAAKL,MAAI,CAAC9E,QAAQ,CAAC,CAAC,GAC9D8E,MAAI,CAACvE,UACO,CACM,CAAC,CAE5B,CACqB,CAAC,CAE5B,CAAC,CAAAgE,MAAA,CA0GOrD,gBAAgB,GAAxB,SAAAA,iBAAyBD,KAAwB,EAAsB,CACrE,IAAIA,KAAK,KAAK6C,SAAS,IAAI7C,KAAK,KAAK,IAAI,EAAE,CACzC,OAAO6C,SAAS,CAClB,CAEA,IAAMsB,IAAI,GAAG,IAAI1I,YAAY,CAAC,EAAEuE,KAAK,EAALA,KAAK,CAAC,CAAC,CAAC,CACxC,IAAImE,IAAI,CAACC,QAAQ,CAAC,EAAEC,MAAM,EAAE,CAACvI,yBAAyB,CAACwI,OAAO,EAAExI,yBAAyB,CAACyI,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CACpG,OAAOJ,IAAI,CAACK,QAAQ,CAAC,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CACzC,CAEA,OAAO5B,SAAS,CAClB,CAAC,CAAAS,MAAA,CAEOtB,eAAe,GAAvB,SAAAA,gBAAA,EAA0B,KAAA0C,MAAA,QACxB,IAAAC,YAAA,GAA6B,IAAI,CAACtJ,MAAM,CAAhCuJ,KAAK,GAAAD,YAAA,CAALC,KAAK,CAAEC,SAAS,GAAAF,YAAA,CAATE,SAAS,CACxB,IAAMzF,KAAK,GAAG,IAAI3D,YAAY,CAAC,EAAEmJ,KAAK,EAALA,KAAK,EAAEC,SAAS,EAATA,SAAS,CAAC,CAAC,CAAC,CACjDC,aAAa,CAACxJ,kBAAkB,CAACyJ,kBAAkB,CAAC,CAAC,CAAC,CACtDP,QAAQ,CAAC,EAAEC,OAAO,EAAE,IAAI,EAAEO,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,CAEnD,oBACE9J,KAAA,CAAA6E,aAAA,UAAKkC,KAAK,EAAE,EAAEX,MAAM,EAAE,CAAC,CAAC,CAAE,iBACxBpG,KAAA,CAAA6E,aAAA,CAACrD,MAAM,IACL,cAAY,IAAI,CAACrB,MAAM,CAAC4J,cAAe,EACvC,YAAUvH,kBAAkB,CAACK,kBAAmB,EAChD2E,KAAK,EAAC,MAAM,EACZwC,OAAO,EAAE,SAAAA,QAAA,EAAM,CACbR,MAAI,CAACvB,YAAY,CAAC/D,KAAK,CAAC,CAC1B,CAAE,EACF+F,IAAI,eAAEjK,KAAA,CAAA6E,aAAA,CAACxE,mBAAmB,MAAE,CAAE,IAE7B,IAAI,CAACF,MAAM,CAAC+D,KACP,CACL,CAAC,CAEV,CAAC,QAAApB,UAAA,GAnT6B9C,KAAK,CAACkK,aAAa,GAAAjH,WAAA,CACnCkH,mBAAmB,GAAG,YAAY,EAAAlH,WAAA,CAClCmH,WAAW,GAAG,YAAY,EAAAnH,WAAA,CAE1BoH,SAAS,GAAG,EACxBpI,SAAS,EAAElC,SAAS,CAACuK,IAAI,EAEzBpI,QAAQ,EAAEnC,SAAS,CAACuK,IAAI,EAExB;AACJ;AACA,KACIrF,eAAe,EAAElF,SAAS,CAACuK,IAAI,EAE/BlI,KAAK,EAAErC,SAAS,CAACuK,IAAI,EAErB;AACJ;AACA,KACI7F,OAAO,EAAE1E,SAAS,CAACwK,MAAM,CAACC,UAAU,EAEpC9F,OAAO,EAAE3E,SAAS,CAAC0K,KAAK,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,EAE3C9F,SAAS,EAAE5E,SAAS,CAAC0K,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAE7C;AACJ;AACA,KACIjG,OAAO,EAAEzE,SAAS,CAACwK,MAAM,CAACC,UAAU,EAEpC;AACJ;AACA,KACI1F,KAAK,EAAE/E,SAAS,CAACwK,MAAM,EAEvBpI,OAAO,EAAEpC,SAAS,CAACuK,IAAI,EAEvB9C,KAAK,EAAEzH,SAAS,CAAC2K,SAAS,CAAC,CAAC3K,SAAS,CAAC4K,MAAM,EAAE5K,SAAS,CAACwK,MAAM,CAAC,CAAC,EAEhE7C,MAAM,EAAE3H,SAAS,CAAC6K,IAAI,EAEtB5F,aAAa,EAAEjF,SAAS,CAAC6K,IAAI,CAACJ,UAAU,EAExC5C,OAAO,EAAE7H,SAAS,CAAC6K,IAAI,EAEvBtI,SAAS,EAAEvC,SAAS,CAAC6K,IAAI,EAEzB3D,YAAY,EAAElH,SAAS,CAAC6K,IAAI,EAE5B1D,YAAY,EAAEnH,SAAS,CAAC6K,IAAI,EAE5BzD,WAAW,EAAEpH,SAAS,CAAC6K,IAAI,EAE3B1F,SAAS,EAAEnF,SAAS,CAAC6K,IAAI,EAEzBvF,SAAS,EAAEtF,SAAS,CAAC6K,IAAI,EAEzBtF,aAAa,EAAEvF,SAAS,CAAC6K,IAAI,CAC/B,CAAC,EAAA3H,WAAA,CAEaa,YAAY,GAAiB,EACzCU,OAAO,EAAE/D,YAAY,EACrBgE,OAAO,EAAEjE,YAAY,CACvB,CAAC,EAAAyC,WAAA,CAMaiG,QAAQ,GAAG,UAACpE,KAAuB,EAAE+F,KAA6C,EAAU,KAAvDA,KAA6C,cAA7CA,KAA6C,GAAG,CAAC,CAAC,EACnG,IAAI,CAAC/F,KAAK,EAAE,CACV,OAAO,KAAK,CACd,CAEA,IAAAgG,MAAA,GAA2DD,KAAK,CAAAE,cAAA,GAAAD,MAAA,CAAxDtG,OAAO,CAAPA,OAAO,GAAAuG,cAAA,cAAGtK,YAAY,GAAAsK,cAAA,CAAAC,cAAA,GAAAF,MAAA,CAAErG,OAAO,CAAPA,OAAO,GAAAuG,cAAA,cAAGxK,YAAY,GAAAwK,cAAA,CACtD,IAAMC,YAAY,GAAG,IAAI1K,YAAY,CAAC,EACpCmJ,KAAK,EAAEhJ,iBAAiB,CAACwK,GAAG,EAC5BvB,SAAS,EAAEhJ,qBAAqB,CAACwK,GAAG,CACtC,CAAC,CAAC,CACCC,aAAa,CAAC,IAAI7K,YAAY,CAAC,EAAEuE,KAAK,EAAEN,OAAO,CAAC,CAAC,CAAC,CAAC,CACnD6G,WAAW,CAAC,IAAI9K,YAAY,CAAC,EAAEuE,KAAK,EAAEL,OAAO,CAAC,CAAC,CAAC,CAAC,CACjD6G,UAAU,CAACxG,KAAK,CAAC,CAEpB,OAAOmG,YAAY,CAAC/B,QAAQ,CAAC,EAC3BC,MAAM,EAAE,CACNvI,yBAAyB,CAACwI,OAAO,EACjCxI,yBAAyB,CAAC2K,MAAM,EAChC3K,yBAAyB,CAACyI,MAAM,EAChCzI,yBAAyB,CAAC4K,MAAM,EAChC5K,yBAAyB,CAAC6K,KAAK,CAChC,CACH,CAAC,CAAC,CACJ,CAAC,EAAAxI,WAAA,MAAAD,MAAA,KAAAA,MAAA,KAAAA,MAAA","ignoreList":[]}
+{"version":3,"names":["PropTypes","React","Popup","LocaleContext","locale","InternalDateGetter","ArrowAUpIcon16Light","ThemeFactory","InternalDate","MAX_FULLDATE","MIN_FULLDATE","InternalDateOrder","InternalDateSeparator","InternalDateValidateCheck","DateInput","filterProps","CommonWrapper","isMobile","NativeDateInput","getRootNode","rootNode","isNonNullable","createPropsGetter","Calendar","ThemeContext","Button","getTodayDate","responsiveLayout","getMenuPositions","ZIndex","styles","DatePickerLocaleHelper","MobilePicker","INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","DatePickerDataTids","root","input","label","pickerRoot","pickerTodayWrapper","DatePicker","_dec","_class","_DatePicker","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","opened","canUseMobileNativeDatePicker","today","focused","renderMain","props","picker","_this$getProps","minDate","maxDate","menuPos","menuAlign","isMobileLayout","createElement","value","parseValueToDate","onValueChange","enableTodayLink","isHoliday","onCloseRequest","handleMobileCloseRequest","renderDay","onMonthChange","Provider","months","dayCellChooseDateAriaLabel","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","hasShadow","priority","priorities","PopupMenu","positions","anchorElement","getParent","margin","parseInt","theme","datePickerMenuOffsetY","className","calendarWrapper","onMouseDown","e","preventDefault","handleValueChange","renderTodayLink","style","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","_extends","id","ref","getInputRef","width","withIcon","onBlur","undefined","handleBlur","onFocus","handleFocus","minWidth","setState","close","handleSelect","blur","_inheritsLoose","_proto","prototype","componentDidMount","useMobileNativeDatePicker","focus","componentDidUpdate","prevProps","prevState","render","_this2","Consumer","create","calendarBottomSeparatorBorder","rootNodeRef","setRootNode","date","validate","checks","NotNull","Native","toString","withPad","_this3","_this$locale","order","separator","setComponents","getTodayComponents","withSeparator","todayAriaLabel","onClick","icon","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","string","isRequired","oneOf","oneOfType","number","func","range","_range","_range$minDate","_range$maxDate","internalDate","DMY","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"sources":["DatePicker.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { HTMLAttributes } from 'react';\n\nimport { Popup } from '../../internal/Popup';\nimport { LocaleContext } from '../../lib/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\nimport { Nullable } from '../../typings/utility-types';\nimport { DateInput } from '../DateInput';\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 { Calendar, CalendarDateShape, CalendarProps } from '../Calendar';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { Button } from '../Button';\nimport { getTodayDate } from '../Calendar/CalendarUtils';\nimport { SizeProp } from '../../lib/types/props';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ZIndex } from '../../internal/ZIndex';\n\nimport { styles } from './DatePicker.styles';\nimport { DatePickerLocale, DatePickerLocaleHelper } from './locale';\nimport { MobilePicker } from './MobilePicker';\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\n  extends Pick<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  /**\n   * Отвечает за отображение кнопки \"Сегодня\".\n   */\n  enableTodayLink?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  size?: SizeProp;\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\nexport interface DatePickerState {\n  opened: boolean;\n  canUseMobileNativeDatePicker: boolean;\n  today: CalendarDateShape;\n}\n\nexport const DatePickerDataTids = {\n  root: 'DatePicker__root',\n  input: 'DatePicker__input',\n  label: 'DatePicker__label',\n  pickerRoot: 'Picker__root',\n  pickerTodayWrapper: 'Picker__todayWrapper',\n} as const;\n\ntype DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate'>>;\n\n@responsiveLayout\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {\n  public static __KONTUR_REACT_UI__ = 'DatePicker';\n  public static displayName = '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    menuPos: PropTypes.oneOf(['top', 'bottom']),\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]),\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,\n\n    renderDay: PropTypes.func,\n\n    onMonthChange: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    minDate: MIN_FULLDATE,\n    maxDate: MAX_FULLDATE,\n  };\n\n  private getProps = createPropsGetter(DatePicker.defaultProps);\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\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, today: getTodayDate() };\n\n  private input: DateInput | null = null;\n  private focused = false;\n  private setRootNode!: TSetRootNode;\n  private isMobileLayout!: boolean;\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(prevProps: DatePickerProps, prevState: DatePickerState) {\n    const { disabled } = this.props;\n    const { opened } = this.state;\n    if (disabled && opened) {\n      this.close();\n    }\n\n    if (prevState.opened && !opened && this.isMobileLayout) {\n      this.handleBlur();\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\n          return (\n            <ThemeContext.Provider value={ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme)}>\n              <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                {this.renderMain}\n              </CommonWrapper>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DatePickerProps>) => {\n    let picker = null;\n\n    const { minDate, maxDate, menuPos, menuAlign } = this.getProps();\n\n    const isMobile = this.isMobileLayout;\n\n    if (this.state.opened) {\n      if (isMobile) {\n        picker = (\n          <MobilePicker\n            value={this.props.value}\n            minDate={this.parseValueToDate(minDate)}\n            maxDate={this.parseValueToDate(maxDate)}\n            onValueChange={this.props.onValueChange}\n            enableTodayLink={this.props.enableTodayLink}\n            isHoliday={this.props.isHoliday}\n            onCloseRequest={this.handleMobileCloseRequest}\n            renderDay={props.renderDay}\n            onMonthChange={props.onMonthChange}\n          />\n        );\n      } else {\n        picker = (\n          <LocaleContext.Provider\n            value={{\n              locale: {\n                Calendar: {\n                  months: this.locale.months,\n                  dayCellChooseDateAriaLabel: this.locale.dayCellChooseDateAriaLabel,\n                  selectMonthAriaLabel: this.locale.selectMonthAriaLabel,\n                  selectYearAriaLabel: this.locale.selectYearAriaLabel,\n                  selectChosenAriaLabel: this.locale.selectChosenAriaLabel,\n                },\n              },\n            }}\n          >\n            <Popup\n              opened\n              hasShadow\n              priority={ZIndex.priorities.PopupMenu}\n              positions={getMenuPositions(menuPos, menuAlign)}\n              data-tid={DatePickerDataTids.root}\n              anchorElement={this.getParent()}\n              margin={parseInt(this.theme.datePickerMenuOffsetY)}\n            >\n              <div\n                data-tid={DatePickerDataTids.pickerRoot}\n                className={styles.calendarWrapper(this.theme)}\n                onMouseDown={(e) => e.preventDefault()}\n              >\n                <Calendar\n                  maxDate={this.parseValueToDate(maxDate)}\n                  minDate={this.parseValueToDate(minDate)}\n                  onValueChange={this.handleValueChange}\n                  isHoliday={this.props.isHoliday}\n                  value={this.parseValueToDate(this.props.value)}\n                  renderDay={this.props.renderDay}\n                  onMonthChange={this.props.onMonthChange}\n                />\n                {this.props.enableTodayLink && this.renderTodayLink()}{' '}\n              </div>\n            </Popup>\n          </LocaleContext.Provider>\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        data-tid={DatePickerDataTids.label}\n      >\n        <DateInput\n          id={this.props.id}\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={isMobile ? undefined : this.handleBlur}\n          onFocus={this.handleFocus}\n          onValueChange={this.props.onValueChange}\n          data-tid={DatePickerDataTids.input}\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          picker\n        )}\n      </label>\n    );\n  };\n  private parseValueToDate(value?: Nullable<string>): string | undefined {\n    if (value === undefined || value === null) {\n      return undefined;\n    }\n\n    const date = new InternalDate({ value });\n    if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\n      return date.toString({ withPad: true });\n    }\n\n    return undefined;\n  }\n\n  private renderTodayLink() {\n    const { order, separator } = this.locale;\n    const today = new InternalDate({ order, separator })\n      .setComponents(InternalDateGetter.getTodayComponents())\n      .toString({ withPad: true, withSeparator: true });\n\n    return (\n      <div style={{ margin: 8 }}>\n        <Button\n          aria-label={this.locale.todayAriaLabel}\n          data-tid={DatePickerDataTids.pickerTodayWrapper}\n          width=\"100%\"\n          onClick={() => {\n            this.handleSelect(today);\n          }}\n          icon={<ArrowAUpIcon16Light />}\n        >\n          {this.locale.today}\n        </Button>\n      </div>\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 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 handleValueChange = (value: string) => {\n    this.handleSelect(value);\n    this.blur();\n  };\n\n  private handleSelect = (value: string | null) => {\n    if (!value) {\n      return null;\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private handleMobileCloseRequest = () => {\n    this.close();\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/DatePicker/DatePicker.d.ts

@@ -112,7 +112,7 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     private setRootNode;
     private isMobileLayout;
     componentDidMount(): void;
-    componentDidUpdate(): void;
+    componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState): void;
     /**
      * @public
      */
@@ -137,5 +137,6 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     private handleBlur;
     private handleValueChange;
     private handleSelect;
+    private handleMobileCloseRequest;
 }
 export {};

package/components/DatePicker/MobilePicker/MobilePicker.js

@@ -17,21 +17,8 @@ export var MobilePickerDataTids = {
 export var MobilePicker = function MobilePicker(props) {
   var locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);
   var theme = getMobilePickerTheme(useContext(ThemeContext));
-  var onValueChange = function onValueChange(date) {
-    if (props.onValueChange) {
-      props.onValueChange(date);
-    }
-    if (props.onCloseRequest) {
-      props.onCloseRequest();
-    }
-  };
-  var inputRef = useRef(null);
-  useLayoutEffect(function () {
-    if (inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, []);
   var calendarRef = useRef(null);
+  var inputRef = useRef(null);
   var _useState = useState(function () {
       return getTodayDate();
     }),
@@ -39,6 +26,17 @@ export var MobilePicker = function MobilePicker(props) {
     monthNative = _useState$.month,
     year = _useState$.year;
   var month = getMonthInHumanFormat(monthNative);
+  var onValueChange = function onValueChange(date) {
+    props.onValueChange == null || props.onValueChange(date);
+    props.onCloseRequest == null || props.onCloseRequest();
+  };
+  useLayoutEffect(function () {
+    // fix DateInput flushSync warning in React 18
+    setTimeout(function () {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
+    });
+  }, []);
   var onTodayClick = function onTodayClick() {
     if (calendarRef.current) {
       calendarRef.current.scrollToMonth(month, year);

package/components/DatePicker/MobilePicker/MobilePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useLayoutEffect","useRef","useState","Calendar","getMonthInHumanFormat","getTodayDate","ThemeContext","MobilePopup","DateInput","Button","useLocaleForControl","useEffectWithoutInitCall","DatePickerLocaleHelper","styles","getMobilePickerTheme","MobilePickerDataTids","input","today","MobilePicker","props","locale","theme","onValueChange","date","onCloseRequest","inputRef","current","focus","calendarRef","_useState","_useState$","monthNative","month","year","onTodayClick","scrollToMonth","value","substring","createElement","Provider","opened","headerChildComponent","width","withIcon","ref","minDate","maxDate","size","warning","error","footerChildComponent","enableTodayLink","onClick","className","calendarRoot","isHoliday","renderDay","onMonthChange"],"sources":["MobilePicker.tsx"],"sourcesContent":["import React, { useContext, useLayoutEffect, useRef, useState } from 'react';\n\nimport { Calendar } from '../Calendar';\nimport { getMonthInHumanFormat, getTodayDate } from '../Calendar/CalendarUtils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { DateInput } from '../DateInput';\nimport { Button } from '../Button';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport { DatePickerProps } from './DatePicker';\nimport { DatePickerLocaleHelper } from './locale';\nimport { styles } from './MobilePicker.styles';\nimport { getMobilePickerTheme } from './getMobilePickerTheme';\n\nexport const MobilePickerDataTids = {\n  input: 'MobilePicker__input',\n  today: 'MobilePicker__today',\n} as const;\n\nexport interface MobilePickerProps\n  extends Pick<\n    DatePickerProps,\n    | 'error'\n    | 'warning'\n    | 'value'\n    | 'minDate'\n    | 'maxDate'\n    | 'onValueChange'\n    | 'isHoliday'\n    | 'enableTodayLink'\n    | 'renderDay'\n    | 'onMonthChange'\n  > {\n  onCloseRequest?: () => void;\n}\n\nexport const MobilePicker: React.FC<MobilePickerProps> = (props) => {\n  const locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);\n\n  const theme = getMobilePickerTheme(useContext(ThemeContext));\n\n  const onValueChange = (date: string) => {\n    if (props.onValueChange) {\n      props.onValueChange(date);\n    }\n    if (props.onCloseRequest) {\n      props.onCloseRequest();\n    }\n  };\n\n  const inputRef = useRef<DateInput>(null);\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, []);\n\n  const calendarRef = useRef<Calendar>(null);\n  const [{ month: monthNative, year }] = useState(() => getTodayDate());\n  const month = getMonthInHumanFormat(monthNative);\n\n  const onTodayClick = () => {\n    if (calendarRef.current) {\n      calendarRef.current.scrollToMonth(month, year);\n    }\n  };\n\n  useEffectWithoutInitCall(() => {\n    if (props.value && calendarRef.current) {\n      const month = getMonthInHumanFormat(+props.value.substring(3, 5));\n      const year = +props.value.substring(6);\n      calendarRef.current.scrollToMonth(month, year);\n    }\n  }, [props.value]);\n\n  return (\n    <ThemeContext.Provider value={theme}>\n      <MobilePopup\n        opened\n        headerChildComponent={\n          <DateInput\n            value={props.value || ''}\n            width=\"100%\"\n            withIcon\n            ref={inputRef}\n            minDate={props.minDate}\n            maxDate={props.maxDate}\n            onValueChange={props.onValueChange}\n            size=\"medium\"\n            warning={props.warning}\n            error={props.error}\n            data-tid={MobilePickerDataTids.input}\n          />\n        }\n        footerChildComponent={\n          props.enableTodayLink && (\n            <Button size=\"medium\" onClick={onTodayClick} data-tid={MobilePickerDataTids.today}>\n              {locale.today}\n            </Button>\n          )\n        }\n        onCloseRequest={props.onCloseRequest}\n      >\n        <Calendar\n          ref={calendarRef}\n          value={props.value}\n          className={styles.calendarRoot()}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          onValueChange={onValueChange}\n          isHoliday={props.isHoliday}\n          renderDay={props.renderDay}\n          onMonthChange={props.onMonthChange}\n        />\n      </MobilePopup>\n    </ThemeContext.Provider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useLayoutEffect","useRef","useState","Calendar","getMonthInHumanFormat","getTodayDate","ThemeContext","MobilePopup","DateInput","Button","useLocaleForControl","useEffectWithoutInitCall","DatePickerLocaleHelper","styles","getMobilePickerTheme","MobilePickerDataTids","input","today","MobilePicker","props","locale","theme","calendarRef","inputRef","_useState","_useState$","monthNative","month","year","onValueChange","date","onCloseRequest","setTimeout","_inputRef$current","current","focus","onTodayClick","scrollToMonth","value","substring","createElement","Provider","opened","headerChildComponent","width","withIcon","ref","minDate","maxDate","size","warning","error","footerChildComponent","enableTodayLink","onClick","className","calendarRoot","isHoliday","renderDay","onMonthChange"],"sources":["MobilePicker.tsx"],"sourcesContent":["import React, { useContext, useLayoutEffect, useRef, useState } from 'react';\n\nimport { Calendar } from '../Calendar';\nimport { getMonthInHumanFormat, getTodayDate } from '../Calendar/CalendarUtils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { DateInput } from '../DateInput';\nimport { Button } from '../Button';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport { DatePickerProps } from './DatePicker';\nimport { DatePickerLocaleHelper } from './locale';\nimport { styles } from './MobilePicker.styles';\nimport { getMobilePickerTheme } from './getMobilePickerTheme';\n\nexport const MobilePickerDataTids = {\n  input: 'MobilePicker__input',\n  today: 'MobilePicker__today',\n} as const;\n\nexport interface MobilePickerProps\n  extends Pick<\n    DatePickerProps,\n    | 'error'\n    | 'warning'\n    | 'value'\n    | 'minDate'\n    | 'maxDate'\n    | 'onValueChange'\n    | 'isHoliday'\n    | 'enableTodayLink'\n    | 'renderDay'\n    | 'onMonthChange'\n  > {\n  onCloseRequest?: () => void;\n}\n\nexport const MobilePicker: React.FC<MobilePickerProps> = (props) => {\n  const locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);\n  const theme = getMobilePickerTheme(useContext(ThemeContext));\n\n  const calendarRef = useRef<Calendar>(null);\n  const inputRef = useRef<DateInput>(null);\n\n  const [{ month: monthNative, year }] = useState(() => getTodayDate());\n  const month = getMonthInHumanFormat(monthNative);\n\n  const onValueChange = (date: string) => {\n    props.onValueChange?.(date);\n    props.onCloseRequest?.();\n  };\n\n  useLayoutEffect(() => {\n    // fix DateInput flushSync warning in React 18\n    setTimeout(() => {\n      inputRef.current?.focus();\n    });\n  }, []);\n\n  const onTodayClick = () => {\n    if (calendarRef.current) {\n      calendarRef.current.scrollToMonth(month, year);\n    }\n  };\n\n  useEffectWithoutInitCall(() => {\n    if (props.value && calendarRef.current) {\n      const month = getMonthInHumanFormat(+props.value.substring(3, 5));\n      const year = +props.value.substring(6);\n      calendarRef.current.scrollToMonth(month, year);\n    }\n  }, [props.value]);\n\n  return (\n    <ThemeContext.Provider value={theme}>\n      <MobilePopup\n        opened\n        headerChildComponent={\n          <DateInput\n            value={props.value || ''}\n            width=\"100%\"\n            withIcon\n            ref={inputRef}\n            minDate={props.minDate}\n            maxDate={props.maxDate}\n            onValueChange={props.onValueChange}\n            size=\"medium\"\n            warning={props.warning}\n            error={props.error}\n            data-tid={MobilePickerDataTids.input}\n          />\n        }\n        footerChildComponent={\n          props.enableTodayLink && (\n            <Button size=\"medium\" onClick={onTodayClick} data-tid={MobilePickerDataTids.today}>\n              {locale.today}\n            </Button>\n          )\n        }\n        onCloseRequest={props.onCloseRequest}\n      >\n        <Calendar\n          ref={calendarRef}\n          value={props.value}\n          className={styles.calendarRoot()}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          onValueChange={onValueChange}\n          isHoliday={props.isHoliday}\n          renderDay={props.renderDay}\n          onMonthChange={props.onMonthChange}\n        />\n      </MobilePopup>\n    </ThemeContext.Provider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/DatePicker/locale/types/types.js

@@ -1 +0,0 @@
-export {};

package/components/FileUploader/locale/types/types.js

@@ -1 +0,0 @@
-export {};

package/components/Input/Input.typings/Input.typings.js

@@ -1 +0,0 @@
-export {};

package/components/Modal/locale/types/types.js

@@ -1 +0,0 @@
-export {};

package/components/Paging/locale/types/types.js

@@ -1 +0,0 @@
-export {};

package/components/PasswordInput/locale/types/types.js

@@ -1 +0,0 @@
-export {};

package/components/ResponsiveLayout/types/types.js

@@ -1 +0,0 @@
-export {};

package/components/Select/__creevey__/Select.creevey/Select.creevey.js

@@ -383,53 +383,43 @@ kind('Select', function () {
       }, _callee8, this);
     })));
   });
-  story('WithMenuAlignAndVariousWidth', function (_ref14) {
+  story('WithManualPosition', function (_ref14) {
     var setStoryParameters = _ref14.setStoryParameters;
     setStoryParameters({
       skip: {
         'no themes': {
-          "in": /^(?!\b(chrome)\b)/
+          "in": /^(?!\b(chrome2022|firefox2022)\b)/
         }
       }
     });
-    test('open', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
-      var root;
+    test('opened top with portal', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
       return _regeneratorRuntime.wrap(function _callee9$(_context9) {
         while (1) switch (_context9.prev = _context9.next) {
           case 0:
             _context9.next = 2;
-            return this.browser.findElement({
-              css: '#test-element'
-            });
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '[data-comp-name~="Select"]'
+            })).perform();
           case 2:
-            root = _context9.sent;
-            _context9.next = 5;
+            _context9.next = 4;
             return delay(1000);
-          case 5:
+          case 4:
             _context9.t0 = this;
-            _context9.next = 8;
-            return root.takeScreenshot();
-          case 8:
+            _context9.next = 7;
+            return this.takeScreenshot();
+          case 7:
             _context9.t1 = _context9.sent;
-            _context9.next = 11;
-            return _context9.t0.expect.call(_context9.t0, _context9.t1).to.matchImage();
-          case 11:
+            _context9.next = 10;
+            return _context9.t0.expect.call(_context9.t0, _context9.t1).to.matchImage('opened top with portal');
+          case 10:
           case "end":
             return _context9.stop();
         }
       }, _callee9, this);
     })));
-  });
-  story('WithManualPosition', function (_ref16) {
-    var setStoryParameters = _ref16.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'no themes': {
-          "in": /^(?!\b(chrome2022|firefox2022)\b)/
-        }
-      }
-    });
-    test('opened top with portal', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+    test('opened bottom with portal', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
       return _regeneratorRuntime.wrap(function _callee10$(_context10) {
         while (1) switch (_context10.prev = _context10.next) {
           case 0:
@@ -437,6 +427,8 @@ kind('Select', function () {
             return this.browser.actions({
               bridge: true
             }).click(this.browser.findElement({
+              css: '[data-tid~="pos"]'
+            })).pause(1000).click(this.browser.findElement({
               css: '[data-comp-name~="Select"]'
             })).perform();
           case 2:
@@ -449,14 +441,14 @@ kind('Select', function () {
           case 7:
             _context10.t1 = _context10.sent;
             _context10.next = 10;
-            return _context10.t0.expect.call(_context10.t0, _context10.t1).to.matchImage('opened top with portal');
+            return _context10.t0.expect.call(_context10.t0, _context10.t1).to.matchImage('opened bottom with portal');
           case 10:
           case "end":
             return _context10.stop();
         }
       }, _callee10, this);
     })));
-    test('opened bottom with portal', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+    test('opened top without portal', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
       return _regeneratorRuntime.wrap(function _callee11$(_context11) {
         while (1) switch (_context11.prev = _context11.next) {
           case 0:
@@ -464,7 +456,7 @@ kind('Select', function () {
             return this.browser.actions({
               bridge: true
             }).click(this.browser.findElement({
-              css: '[data-tid~="pos"]'
+              css: '[data-tid~="portal"]'
             })).pause(1000).click(this.browser.findElement({
               css: '[data-comp-name~="Select"]'
             })).perform();
@@ -478,14 +470,14 @@ kind('Select', function () {
           case 7:
             _context11.t1 = _context11.sent;
             _context11.next = 10;
-            return _context11.t0.expect.call(_context11.t0, _context11.t1).to.matchImage('opened bottom with portal');
+            return _context11.t0.expect.call(_context11.t0, _context11.t1).to.matchImage('opened top without portal');
           case 10:
           case "end":
             return _context11.stop();
         }
       }, _callee11, this);
     })));
-    test('opened top without portal', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
+    test('opened bottom without portal', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
       return _regeneratorRuntime.wrap(function _callee12$(_context12) {
         while (1) switch (_context12.prev = _context12.next) {
           case 0:
@@ -494,6 +486,8 @@ kind('Select', function () {
               bridge: true
             }).click(this.browser.findElement({
               css: '[data-tid~="portal"]'
+            })).pause(1000).click(this.browser.findElement({
+              css: '[data-tid~="pos"]'
             })).pause(1000).click(this.browser.findElement({
               css: '[data-comp-name~="Select"]'
             })).perform();
@@ -507,14 +501,16 @@ kind('Select', function () {
           case 7:
             _context12.t1 = _context12.sent;
             _context12.next = 10;
-            return _context12.t0.expect.call(_context12.t0, _context12.t1).to.matchImage('opened top without portal');
+            return _context12.t0.expect.call(_context12.t0, _context12.t1).to.matchImage('opened bottom without portal');
           case 10:
           case "end":
             return _context12.stop();
         }
       }, _callee12, this);
     })));
-    test('opened bottom without portal', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+  });
+  story('Size', function () {
+    test('ClickedAll', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
       return _regeneratorRuntime.wrap(function _callee13$(_context13) {
         while (1) switch (_context13.prev = _context13.next) {
           case 0:
@@ -522,12 +518,8 @@ kind('Select', function () {
             return this.browser.actions({
               bridge: true
             }).click(this.browser.findElement({
-              css: '[data-tid~="portal"]'
-            })).pause(1000).click(this.browser.findElement({
-              css: '[data-tid~="pos"]'
-            })).pause(1000).click(this.browser.findElement({
-              css: '[data-comp-name~="Select"]'
-            })).perform();
+              css: '[data-tid="open-all"]'
+            })).pause(500).perform();
           case 2:
             _context13.next = 4;
             return delay(1000);
@@ -538,7 +530,7 @@ kind('Select', function () {
           case 7:
             _context13.t1 = _context13.sent;
             _context13.next = 10;
-            return _context13.t0.expect.call(_context13.t0, _context13.t1).to.matchImage('opened bottom without portal');
+            return _context13.t0.expect.call(_context13.t0, _context13.t1).to.matchImage('ClickedAll');
           case 10:
           case "end":
             return _context13.stop();
@@ -546,33 +538,4 @@ kind('Select', function () {
       }, _callee13, this);
     })));
   });
-  story('Size', function () {
-    test('ClickedAll', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
-      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-        while (1) switch (_context14.prev = _context14.next) {
-          case 0:
-            _context14.next = 2;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-tid="open-all"]'
-            })).pause(500).perform();
-          case 2:
-            _context14.next = 4;
-            return delay(1000);
-          case 4:
-            _context14.t0 = this;
-            _context14.next = 7;
-            return this.takeScreenshot();
-          case 7:
-            _context14.t1 = _context14.sent;
-            _context14.next = 10;
-            return _context14.t0.expect.call(_context14.t0, _context14.t1).to.matchImage('ClickedAll');
-          case 10:
-          case "end":
-            return _context14.stop();
-        }
-      }, _callee14, this);
-    })));
-  });
 });