@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-9294639913

package/components/DatePicker/DatePicker.md

@@ -1,310 +0,0 @@
-Компонент `DatePicker` принимает в `value` строку формата `dd.mm.yyyy`.
-При вводе строки в поле ввода, возвращает строку без маски.
-
-Имеется статический метод `DatePicker.validate`, который проверяет,
-что введенная дата корректна
-
-```ts static
-DatePicker.validate: (value: string, range?: { minDate?: string; maxDate?: string }) => boolean
-```
-
-### Валидация
-
-Пример с обработкой ошибок, когда пользователь ввел невалидную дату.
-
-```jsx harmony
-import { Gapped, Tooltip } from '@skbkontur/react-ui';
-import { ViewDateInputValidateChecks } from '@skbkontur/react-ui/components/DateInput/ViewDateInputValidateChecks';
-
-let initialState = {
-  value: '',
-  error: false,
-  tooltip: false,
-  minDate: '22.12.2012',
-  maxDate: '02.05.2018',
-};
-
-let handleChange = value => setState({ value });
-
-let unvalidate = () => setState({ error: false, tooltip: false });
-
-let validate = () =>
-  setState(state => {
-    const error =
-      !!state.value && !DatePicker.validate(state.value, { minDate: state.minDate, maxDate: state.maxDate });
-    return { error, tooltip: error };
-  });
-
-let removeTooltip = () => setState(state => ({ tooltip: false }));
-
-<Gapped gap={10} vertical>
-  <ViewDateInputValidateChecks value={state.value} minDate={state.minDate} maxDate={state.maxDate} />
-  <pre>
-    minDate = {state.minDate}
-    <br />
-    maxDate = {state.maxDate}
-  </pre>
-
-  <Tooltip trigger={state.tooltip ? 'opened' : 'closed'} render={() => 'Невалидная дата'} onCloseClick={removeTooltip}>
-    <DatePicker
-      error={state.error}
-      value={state.value}
-      onValueChange={handleChange}
-      onFocus={unvalidate}
-      onBlur={validate}
-      minDate={state.minDate}
-      maxDate={state.maxDate}
-      enableTodayLink
-    />
-  </Tooltip>
-</Gapped>;
-```
-
-### `isHoliday`
-
-В компонент можно передать функцию `isHoliday`, которая будет получать день строкой формата `dd.mm.yyyy` и флаг `isWeekend`, и должна вернуть `true` для выходного и `false` для рабочего дня.
-
-```jsx harmony
-import * as DatePickerHelpers from './DatePickerHelpers';
-
-const initialState = {
-  value: '',
-};
-
-const handleChange = value => setState({ value });
-
-const createRandomHolidays = () => {
-  const holidays = new Array(10);
-  const today = new Date();
-
-  for (let index = 0; index < holidays.length; index++) {
-    const day = new Date(today.setDate(today.getDate() + 1 + index).valueOf());
-
-    const holiday = {
-      date: day.getDate(),
-      month: day.getMonth(),
-      year: day.getFullYear(),
-    };
-
-    holidays[index] = DatePickerHelpers.formatDate(holiday);
-  }
-
-  return holidays;
-};
-const holidays = createRandomHolidays();
-
-const isHoliday = (day, isWeekend) => {
-  const today = new Date();
-  const holiday = {
-    date: today.getDate(),
-    month: today.getMonth(),
-    year: today.getFullYear(),
-  };
-
-  if (holidays.includes(day)) {
-    return !isWeekend;
-  }
-
-  return isWeekend;
-};
-
-<DatePicker isHoliday={isHoliday} value={state.value} onValueChange={handleChange} enableTodayLink />;
-```
-
-### Производственный календарь
-
-Пример обработки производственного календаря от `data.gov.ru`
-
-<details><summary>`data.gov.ru`</summary>
-
-Docs:
-https://data.gov.ru/api-portala-otkrytyh-dannyh-rf-polnoe-rukovodstvo
-
-API:
-
-```jsx static
-https://data.gov.ru/api/json/dataset/7708660670-proizvcalendar/version/20151123T183036/content?search=2019&access_token=31de6d0b90f51a7aa3ee2d518d50f4e9
-```
-
-Response:
-
-```json
-[
-  {
-    "Год/Месяц": "2019",
-    "Январь": "1,2,3,4,5,6,7,8,12,13,19,20,26,27",
-    "Февраль": "2,3,9,10,16,17,22*,23,24",
-    "Март": "2,3,7*,8,9,10,16,17,23,24,30,31",
-    "Апрель": "6,7,13,14,20,21,27,28,30*",
-    "Май": "1,2,3,4,5,8*,9,10,11,12,18,19,25,26",
-    "Июнь": "1,2,8,9,11*,12,15,16,22,23,29,30",
-    "Июль": "6,7,13,14,20,21,27,28",
-    "Август": "3,4,10,11,17,18,24,25,31",
-    "Сентябрь": "1,7,8,14,15,21,22,28,29",
-    "Октябрь": "5,6,12,13,19,20,26,27",
-    "Ноябрь": "2,3,4,9,10,16,17,23,24,30",
-    "Декабрь": "1,7,8,14,15,21,22,28,29,31*",
-    "Всего рабочих дней": "247",
-    "Всего праздничных и выходных дней": "118",
-    "Количество рабочих часов при 40-часовой рабочей неделе": "1970",
-    "Количество рабочих часов при 36-часовой рабочей неделе": "1772.4",
-    "Количество рабочих часов при 24-часовой рабочей неделе": "1179.6"
-  }
-]
-```
-
-</details>
-
-```jsx
-const today = new Date();
-const year = today.getFullYear();
-const response = [
-  {
-    'Год/Месяц': '2019',
-    Январь: '1,2,3,4,5,6,7,8,12,13,19,20,26,27',
-    Февраль: '2,3,9,10,16,17,22*,23,24',
-    Март: '2,3,7*,8,9,10,16,17,23,24,30,31',
-    Апрель: '6,7,13,14,20,21,27,28,30*',
-    Май: '1,2,3,4,5,8*,9,10,11,12,18,19,25,26',
-    Июнь: '1,2,8,9,11*,12,15,16,22,23,29,30',
-    Июль: '6,7,13,14,20,21,27,28',
-    Август: '3,4,10,11,17,18,24,25,31',
-    Сентябрь: '1,7,8,14,15,21,22,28,29',
-    Октябрь: '5,6,12,13,19,20,26,27',
-    Ноябрь: '2,3,4,9,10,16,17,23,24,30',
-    Декабрь: '1,7,8,14,15,21,22,28,29,31*',
-    'Всего рабочих дней': '247',
-    'Всего праздничных и выходных дней': '118',
-    'Количество рабочих часов при 40-часовой рабочей неделе': '1970',
-    'Количество рабочих часов при 36-часовой рабочей неделе': '1772.4',
-    'Количество рабочих часов при 24-часовой рабочей неделе': '1179.6',
-  },
-];
-let result = [];
-let holidays = [];
-
-if (response.length !== 0) {
-  result = Object.values(
-    response.length > 1 ? response.find(data => data['Год/Месяц'] === year.toString()) || response[0] : response[0],
-  ).slice(1, 13);
-}
-result.forEach((month, index) => {
-  month
-    .split(',')
-    .filter(item => /^\d*$/.test(item))
-    .forEach(day => {
-      holidays.push(`${day.padStart(2, 0)}.${(index + 1).toString().padStart(2, 0)}.${year}`);
-    });
-});
-
-const isHoliday = (date, isWeekend) => holidays.includes(date) || isWeekend;
-
-<DatePicker isHoliday={isHoliday} onValueChange={() => void 0} enableTodayLink />;
-```
-
-### Ручное форматирование даты
-
-```jsx harmony
-import { DateOrder, DateSeparator, Gapped, LocaleContext, Select, LangCodes } from '@skbkontur/react-ui';
-
-class DatePickerFormatting extends React.Component {
-  constructor() {
-    this.state = {
-      order: DateOrder.YMD,
-      separator: 'Dot',
-      value: '21.12.2012',
-    };
-  }
-
-  render() {
-    return (
-      <Gapped vertical gap={10}>
-        <div>
-          <span style={{ width: '300px', display: 'inline-block' }}>
-            Порядок компонентов (<tt>DateOrder</tt>)
-          </span>
-          <Select
-            value={this.state.order}
-            items={Object.keys(DateOrder)}
-            onValueChange={order => this.setState({ order })}
-          />
-        </div>
-        <div>
-          <span style={{ width: '300px', display: 'inline-block' }}>
-            Разделитель (<tt>DateSeparator</tt>)
-          </span>
-          <Select
-            value={this.state.separator}
-            items={Object.keys(DateSeparator)}
-            onValueChange={separator => this.setState({ separator })}
-          />
-        </div>
-        <LocaleContext.Provider value={{
-          langCode: LangCodes.ru_RU,
-          locale: {
-            DatePicker: {
-              separator: DateSeparator[this.state.separator],
-              order: this.state.order,
-            },
-          }}}
-        >
-          <DatePicker onValueChange={value => this.setState({ value })} value={this.state.value} />
-        </LocaleContext.Provider>
-      </Gapped>
-    );
-  }
-}
-
-<DatePickerFormatting />;
-```
-
-#### Локали по умолчанию (см. `LocaleProvider`)
-
-```typescript
-interface DatePickerLocale {
-  today?: string;
-  months?: string[];
-  order?: DateOrder;
-  separator?: DateSeparator;
-}
-
-const ru_RU = {
-  today: 'Сегодня',
-  months: [
-    'Январь',
-    'Февраль',
-    'Март',
-    'Апрель',
-    'Май',
-    'Июнь',
-    'Июль',
-    'Август',
-    'Сентябрь',
-    'Октябрь',
-    'Ноябрь',
-    'Декабрь',
-  ],
-  order: DateOrder.DMY,
-  separator: DateSeparator.Dot,
-};
-
-const en_GB = {
-  today: 'Today',
-  months: [
-    'January',
-    'February',
-    'March',
-    'April',
-    'May',
-    'June',
-    'July',
-    'August',
-    'September',
-    'October',
-    'November',
-    'December',
-  ],
-  order: DateOrder.MDY,
-  separator: DateSeparator.Slash,
-};
-```

package/components/DatePicker/DatePicker.styles.js

@@ -1,12 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: relative;\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, memoizeStyle } from '../../lib/theming/Emotion';
-
-var styles = {
-  root: function root() {
-    return css(_templateObject());
-
-
-
-  } };
-
-
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["DatePicker.styles.ts"],"names":["css","memoizeStyle","styles","root","jsStyles"],"mappings":"iTAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;;AAID,GANY,EAAf;;;AASA,OAAO,IAAMI,QAAQ,GAAGH,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      display: inline-block;\r\n      position: relative;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/DatePicker/DatePickerHelpers.js

@@ -1,6 +0,0 @@
-
-
-export function formatDate(_ref) {var date = _ref.date,month = _ref.month,year = _ref.year;var _map =
-  [date, month + 1, year].map(function (x) {return x.toString();}),d = _map[0],m = _map[1],y = _map[2];
-  return d.padStart(2, '0') + "." + m.padStart(2, '0') + "." + y.padStart(4, '0');
-}

package/components/DatePicker/DatePickerHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DatePickerHelpers.tsx"],"names":["formatDate","date","month","year","map","x","toString","d","m","y","padStart"],"mappings":";;AAEA,OAAO,SAASA,UAAT,OAAsE,KAAhDC,IAAgD,QAAhDA,IAAgD,CAA1CC,KAA0C,QAA1CA,KAA0C,CAAnCC,IAAmC,QAAnCA,IAAmC;AACzD,GAACF,IAAD,EAAOC,KAAK,GAAG,CAAf,EAAkBC,IAAlB,EAAwBC,GAAxB,CAA4B,UAAAC,CAAC,UAAIA,CAAC,CAACC,QAAF,EAAJ,EAA7B,CADyD,CACpEC,CADoE,WACjEC,CADiE,WAC9DC,CAD8D;AAE3E,SAAUF,CAAC,CAACG,QAAF,CAAW,CAAX,EAAc,GAAd,CAAV,SAAgCF,CAAC,CAACE,QAAF,CAAW,CAAX,EAAc,GAAd,CAAhC,SAAsDD,CAAC,CAACC,QAAF,CAAW,CAAX,EAAc,GAAd,CAAtD;AACD","sourcesContent":["import { CalendarDateShape } from '../Calendar/index';\r\n\r\nexport function formatDate({ date, month, year }: CalendarDateShape): string {\r\n  const [d, m, y] = [date, month + 1, year].map(x => x.toString());\r\n  return `${d.padStart(2, '0')}.${m.padStart(2, '0')}.${y.padStart(4, '0')}`;\r\n}\r\n"]}

package/components/DatePicker/Picker.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import { CalendarDateShape } from '../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/components/DatePicker/Picker.js

@@ -1,139 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";var _dec, _class, _class2, _temp;import React from 'react';
-import shallowEqual from 'shallowequal';
-
-import { InternalDate } from '../../lib/date/InternalDate';
-import { InternalDateGetter } from '../../lib/date/InternalDateGetter';
-import { Calendar } from '../Calendar';
-import { locale } from '../../lib/locale/decorators';
-
-import { isGreater, isLess } from '../Calendar/CalendarDateShape';
-
-import { ThemeContext } from '../../lib/theming/ThemeContext';
-
-import { jsStyles } from './Picker.styles';
-import { DatePickerLocaleHelper } from './locale';
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var getTodayCalendarDate = function getTodayCalendarDate() {
-  var d = new Date();
-  return {
-    date: d.getDate(),
-    month: d.getMonth(),
-    year: d.getFullYear() };
-
-};
-
-
-export var Picker = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Picker, _React$Component);
-
-
-
-
-
-
-  function Picker(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.theme = void 0;_this.calendar = null;_this.locale = void 0;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    scrollToMonth = function (month, year) {
-      if (_this.calendar) {
-        _this.calendar.scrollToMonth(month, year);
-      }
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    handleSelectToday = function (today) {return function () {
-        if (_this.props.onSelect) {
-          _this.props.onSelect(today.toNativeFormat());
-        }
-        if (_this.calendar) {var _this$state$today =
-          _this.state.today,month = _this$state$today.month,year = _this$state$today.year;
-          _this.calendar.scrollToMonth(month, year);
-        }
-      };};_this.
-
-    getInitialDate = function (today) {
-      if (_this.props.value) {
-        return _this.props.value;
-      }
-
-      if (_this.props.minDate && isLess(today, _this.props.minDate)) {
-        return _this.props.minDate;
-      }
-
-      if (_this.props.maxDate && isGreater(today, _this.props.maxDate)) {
-        return _this.props.maxDate;
-      }
-
-      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 && !shallowEqual(value, prevProps.value)) {this.scrollToMonth(value.month, value.year);}};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var date = this.state.date;return React.createElement("div", { className: jsStyles.root(this.theme), onMouseDown: function onMouseDown(e) {return e.preventDefault();} }, React.createElement(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({ order: order, separator: separator }).setComponents(InternalDateGetter.getTodayComponents());return React.createElement("button", { "data-tid": "Picker__todayWrapper", className: jsStyles.todayWrapper(this.theme), onClick: this.handleSelectToday(today), tabIndex: -1 }, this.locale.today + " " + today.toString({ withPad: true, withSeparator: true }));};return Picker;}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Picker', _temp)) || _class);

package/components/DatePicker/Picker.js.map

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

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

@@ -1,4 +0,0 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    todayWrapper(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-};

package/components/DatePicker/Picker.styles.js

@@ -1,39 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-top: ", ";\n      border: none;\n      color: ", ";\n      display: block;\n      font-size: 14px;\n      padding-bottom: 8px;\n      padding-top: 7px;\n      width: 100%;\n\n      &:hover {\n        background-color: ", ";\n        cursor: pointer;\n      }\n\n      &:active {\n        color: ", ";\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, memoizeStyle } from '../../lib/theming/Emotion';
-
-
-var styles = {
-  root: function root(t) {
-    return css(_templateObject(),
-    t.pickerBg,
-    t.pickerShadow);
-
-
-
-
-  },
-
-  todayWrapper: function todayWrapper(t) {
-    return css(_templateObject2(),
-    t.pickerTodayWrapperBgColor,
-    t.pickerTodayWrapperBorderTop,
-
-    t.linkColor,
-
-
-
-
-
-
-
-    t.pickerTodayWrapperHoverBgColor,
-
-
-
-
-    t.linkActiveColor);
-
-
-  } };
-
-
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Picker.styles.ts"],"names":["css","memoizeStyle","styles","root","t","pickerBg","pickerShadow","todayWrapper","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","linkColor","pickerTodayWrapperHoverBgColor","linkActiveColor","jsStyles"],"mappings":"i3BAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACC,QADlB;AAEgBD,IAAAA,CAAC,CAACE,YAFlB;;;;;AAOD,GATY;;AAWbC,EAAAA,YAXa,wBAWAH,CAXA,EAWU;AACrB,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACI,yBADxB;AAEgBJ,IAAAA,CAAC,CAACK,2BAFlB;;AAIWL,IAAAA,CAAC,CAACM,SAJb;;;;;;;;AAYwBN,IAAAA,CAAC,CAACO,8BAZ1B;;;;;AAiBaP,IAAAA,CAAC,CAACQ,eAjBf;;;AAoBD,GAhCY,EAAf;;;AAmCA,OAAO,IAAMC,QAAQ,GAAGZ,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      background: ${t.pickerBg};\r\n      box-shadow: ${t.pickerShadow};\r\n      display: inline-block;\r\n      font-size: 0;\r\n      z-index: 1000;\r\n    `;\r\n  },\r\n\r\n  todayWrapper(t: Theme) {\r\n    return css`\r\n      background-color: ${t.pickerTodayWrapperBgColor};\r\n      border-top: ${t.pickerTodayWrapperBorderTop};\r\n      border: none;\r\n      color: ${t.linkColor};\r\n      display: block;\r\n      font-size: 14px;\r\n      padding-bottom: 8px;\r\n      padding-top: 7px;\r\n      width: 100%;\r\n\r\n      &:hover {\r\n        background-color: ${t.pickerTodayWrapperHoverBgColor};\r\n        cursor: pointer;\r\n      }\r\n\r\n      &:active {\r\n        color: ${t.linkActiveColor};\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/DatePicker/index.js

@@ -1 +0,0 @@
-export * from './DatePicker';

package/components/DatePicker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './DatePicker';\r\n"]}

package/components/DatePicker/locale/index.js

@@ -1,11 +0,0 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-
-import { componentsLocales as en_GB } from './locales/en';
-import { componentsLocales as ru_RU } from './locales/ru';
-
-
-export * from './types';
-
-export var DatePickerLocaleHelper = new LocaleHelper({
-  ru_RU: ru_RU,
-  en_GB: en_GB });

package/components/DatePicker/locale/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","DatePickerLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,sBAAsB,GAAG,IAAIJ,YAAJ,CAAmC;AACvEG,EAAAA,KAAK,EAALA,KADuE;AAEvED,EAAAA,KAAK,EAALA,KAFuE,EAAnC,CAA/B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport { componentsLocales as en_GB } from './locales/en';\r\nimport { componentsLocales as ru_RU } from './locales/ru';\r\nimport { DatePickerLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const DatePickerLocaleHelper = new LocaleHelper<DatePickerLocale>({\r\n  ru_RU,\r\n  en_GB,\r\n});\r\n"]}

package/components/DatePicker/locale/locales/en.js

@@ -1,21 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";import { internalDateLocale } from '../../../../lib/date/localeSets';
-import { LangCodes } from '../../../../lib/locale';
-
-
-export var componentsLocales = _extends({
-  today: 'Today',
-  months: [
-  'January',
-  'February',
-  'March',
-  'April',
-  'May',
-  'June',
-  'July',
-  'August',
-  'September',
-  'October',
-  'November',
-  'December'] },
-
-internalDateLocale[LangCodes.en_GB]);

package/components/DatePicker/locale/locales/en.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["en.ts"],"names":["internalDateLocale","LangCodes","componentsLocales","today","months","en_GB"],"mappings":"0DAAA,SAASA,kBAAT,QAAmC,iCAAnC;AACA,SAASC,SAAT,QAA0B,wBAA1B;;;AAGA,OAAO,IAAMC,iBAAmC;AAC9CC,EAAAA,KAAK,EAAE,OADuC;AAE9CC,EAAAA,MAAM,EAAE;AACN,WADM;AAEN,YAFM;AAGN,SAHM;AAIN,SAJM;AAKN,OALM;AAMN,QANM;AAON,QAPM;AAQN,UARM;AASN,aATM;AAUN,WAVM;AAWN,YAXM;AAYN,YAZM,CAFsC;;AAgB3CJ,kBAAkB,CAACC,SAAS,CAACI,KAAX,CAhByB,CAAzC","sourcesContent":["import { internalDateLocale } from '../../../../lib/date/localeSets';\r\nimport { LangCodes } from '../../../../lib/locale';\r\nimport { DatePickerLocale } from '../types';\r\n\r\nexport const componentsLocales: DatePickerLocale = {\r\n  today: 'Today',\r\n  months: [\r\n    'January',\r\n    'February',\r\n    'March',\r\n    'April',\r\n    'May',\r\n    'June',\r\n    'July',\r\n    'August',\r\n    'September',\r\n    'October',\r\n    'November',\r\n    'December',\r\n  ],\r\n  ...internalDateLocale[LangCodes.en_GB],\r\n};\r\n"]}

package/components/DatePicker/locale/locales/ru.js

@@ -1,21 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";import { internalDateLocale } from '../../../../lib/date/localeSets';
-import { LangCodes } from '../../../../lib/locale';
-
-
-export var componentsLocales = _extends({
-  today: 'Сегодня',
-  months: [
-  'Январь',
-  'Февраль',
-  'Март',
-  'Апрель',
-  'Май',
-  'Июнь',
-  'Июль',
-  'Август',
-  'Сентябрь',
-  'Октябрь',
-  'Ноябрь',
-  'Декабрь'] },
-
-internalDateLocale[LangCodes.ru_RU]);

package/components/DatePicker/locale/locales/ru.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ru.ts"],"names":["internalDateLocale","LangCodes","componentsLocales","today","months","ru_RU"],"mappings":"0DAAA,SAASA,kBAAT,QAAmC,iCAAnC;AACA,SAASC,SAAT,QAA0B,wBAA1B;;;AAGA,OAAO,IAAMC,iBAAmC;AAC9CC,EAAAA,KAAK,EAAE,SADuC;AAE9CC,EAAAA,MAAM,EAAE;AACN,UADM;AAEN,WAFM;AAGN,QAHM;AAIN,UAJM;AAKN,OALM;AAMN,QANM;AAON,QAPM;AAQN,UARM;AASN,YATM;AAUN,WAVM;AAWN,UAXM;AAYN,WAZM,CAFsC;;AAgB3CJ,kBAAkB,CAACC,SAAS,CAACI,KAAX,CAhByB,CAAzC","sourcesContent":["import { internalDateLocale } from '../../../../lib/date/localeSets';\r\nimport { LangCodes } from '../../../../lib/locale';\r\nimport { DatePickerLocale } from '../types';\r\n\r\nexport const componentsLocales: DatePickerLocale = {\r\n  today: 'Сегодня',\r\n  months: [\r\n    'Январь',\r\n    'Февраль',\r\n    'Март',\r\n    'Апрель',\r\n    'Май',\r\n    'Июнь',\r\n    'Июль',\r\n    'Август',\r\n    'Сентябрь',\r\n    'Октябрь',\r\n    'Ноябрь',\r\n    'Декабрь',\r\n  ],\r\n  ...internalDateLocale[LangCodes.ru_RU],\r\n};\r\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}