@skbkontur/react-ui 1.12.1 → 2.0.0-beta.4

package/components/DatePicker/README.md

@@ -1,307 +0,0 @@
-Компонент `DatePicker` принимает в `value` строку формата `dd.mm.yyyy`.
-При вводе строки в поле ввода, возвращает строку без маски.
-
-Имеется статический метод `DatePicker.validate`, который проверяет,
-что введенная дата корректна
-
-```jsx static
-DatePicker.validate: (value: string, range?: { minDate?: string; maxDate?: string }) => boolean
-```
-
-### Валидация
-
-Пример с обработкой ошибок, когда пользователь ввел невалидную дату.
-
-```jsx
-const { ViewDateInputValidateChecks } = require('../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}
-      onChange={handleChange}
-      onFocus={unvalidate}
-      onBlur={validate}
-      minDate={state.minDate}
-      maxDate={state.maxDate}
-      enableTodayLink
-    />
-  </Tooltip>
-</Gapped>;
-```
-
-### `isHoliday`
-
-В компонент можно передать функцию `isHoliday`, которая будет получать день строкой формата `dd.mm.yyyy` и флаг `isWeekend`, и должна вернуть `true` для выходного и `false` для рабочего дня.
-
-```jsx
-const DatePickerHelpers = require('./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} onChange={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:
-
-```jsx static
-[
-  {
-    'Год/Месяц': '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} enableTodayLink />;
-```
-
-### Ручное форматирование даты
-
-```jsx
-const { default: LocaleProvider, DateOrder, DateSeparator } = require('../LocaleProvider');
-
-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)}
-            onChange={(_, 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)}
-            onChange={(_, separator) => this.setState({ separator })}
-          />
-        </div>
-        <LocaleProvider
-          locale={{
-            DatePicker: {
-              separator: DateSeparator[this.state.separator],
-              order: this.state.order,
-            },
-          }}
-        >
-          <DatePicker onChange={(a, value) => this.setState({ value })} value={this.state.value} />
-        </LocaleProvider>
-      </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/index.js.flow

@@ -1,2 +0,0 @@
-/* @flow */
-export { default, DatePickerProps, DatePickerState } from './DatePicker';

package/components/DatePickerOld/Calendar.js

@@ -1,170 +0,0 @@
-"use strict";exports.__esModule = true;exports["default"] = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-var React = _interopRequireWildcard(require("react"));var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
-
-
-
-var _CalendarCell = _interopRequireDefault(require("./CalendarCell"));function _getRequireWildcardCache() {if (typeof WeakMap !== "function") return null;var cache = new WeakMap();_getRequireWildcardCache = function _getRequireWildcardCache() {return cache;};return cache;}function _interopRequireWildcard(obj) {if (obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { "default": obj };}var cache = _getRequireWildcardCache();if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj["default"] = obj;if (cache) {cache.set(obj, newObj);}return newObj;}function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { "default": obj };}function _extends() {_extends = Object.assign || function (target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i];for (var key in source) {if (Object.prototype.hasOwnProperty.call(source, key)) {target[key] = source[key];}}}return target;};return _extends.apply(this, arguments);}function _assertThisInitialized(self) {if (self === void 0) {throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _inheritsLoose(subClass, superClass) {subClass.prototype = Object.create(superClass.prototype);subClass.prototype.constructor = subClass;_setPrototypeOf(subClass, superClass);}function _setPrototypeOf(o, p) {_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {o.__proto__ = p;return o;};return _setPrototypeOf(o, p);}function _defineProperty(obj, key, value) {if (key in obj) {Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true });} else {obj[key] = value;}return obj;}
-
-var MONTH_NAMES = [
-'Январь',
-'Февраль',
-'Март',
-'Апрель',
-'Май',
-'Июнь',
-'Июль',
-'Август',
-'Сентябрь',
-'Октябрь',
-'Ноябрь',
-'Декабрь'];
-
-var DAY = 24 * 60 * 60 * 1000;
-var WEEK = 7 * DAY;
-var FIRST_WEEK_SHIFT = (new Date(0).getUTCDay() - 1) * DAY;
-var DAY_HEIGHT = 31;
-var CALENDAR_HEIGHT = 220;var
-
-
-
-
-
-
-
-
-
-
-
-
-Calendar = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Calendar, _React$Component);
-
-
-  function Calendar(props, context) {var _this;
-    _this = _React$Component.call(this, props, context) || this;_defineProperty(_assertThisInitialized(_this), "refRoot",
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    function (element) {
-      if (!_this.root && element) {
-        element.addEventListener('wheel', _this.handleWheel, { passive: false });
-      }
-      if (_this.root && !element) {
-        _this.root.removeEventListener('wheel', _this.handleWheel);
-      }
-      _this.root = element;
-    });_defineProperty(_assertThisInitialized(_this), "handleWheel",
-
-
-
-
-
-
-
-
-    function (event) {
-      event.preventDefault();
-      var deltaY = event.deltaY;
-      if (event.deltaMode === 1) {
-        deltaY *= DAY_HEIGHT;
-      } else if (event.deltaMode === 2) {
-        deltaY *= DAY_HEIGHT * 4;
-      }
-
-      var pos = _this.state.pos + deltaY;
-      _this.setState({ pos: pos });
-
-      var date = posToDate(pos);
-      date.setUTCDate(date.getUTCDate() + 6);
-      _this.props.onNav(date);
-    });_this.state = { pos: dateToPos(props.initialDate) };return _this;}var _proto = Calendar.prototype;_proto.render = function render() {var offset = this.state.pos % DAY_HEIGHT;if (offset < 0) {offset += DAY_HEIGHT;}var from = (this.state.pos - offset) / DAY_HEIGHT * WEEK - FIRST_WEEK_SHIFT;var week = getWeek(from);var months = [];var monthStart = new Date(from);monthStart.setUTCDate(1);for (var i = 0; i < 4; ++i) {var _classNames;var monthEnd = new Date(monthStart.getTime());monthEnd.setUTCMonth(monthEnd.getUTCMonth() + 1);var y = getDayTop(week, offset, +monthStart);var height = getDayTop(week, offset, +monthEnd) - y;var style = { top: y, height: height };var monthClass = (0, _classnames["default"])((_classNames = {}, _classNames[_CalendarModule["default"].month] = true, _classNames[_CalendarModule["default"].first] = monthStart.getUTCMonth() === 0, _classNames[_CalendarModule["default"].grey] = monthStart.getUTCMonth() % 2, _classNames));var top = Math.max(0, -y);var wrapperStyle = { position: 'relative', top: top, display: top > height ? 'none' : 'block', opacity: top > height / 3 ? 0 : 1, transition: 'opacity 0.2s ease-out' };months.push( /*#__PURE__*/React.createElement("div", { key: +monthStart, className: monthClass, style: style }, /*#__PURE__*/React.createElement("div", { style: wrapperStyle }, MONTH_NAMES[monthStart.getUTCMonth()], /*#__PURE__*/React.createElement("div", { className: _CalendarModule["default"].year }, monthStart.getUTCFullYear()))));monthStart = monthEnd;}var cells = [];var cellCount = Math.ceil((CALENDAR_HEIGHT + offset) / DAY_HEIGHT) * 7;for (var _i = 0; _i < cellCount; ++_i) {var cur = from + _i * DAY;var curWeek = getWeek(cur);var _date = new Date(cur);var cellProps = { date: _date, weekIdx: curWeek - week, offset: offset, value: this.props.value };cells.push( /*#__PURE__*/React.createElement(_CalendarCell["default"], _extends({ key: cur }, cellProps, { onPick: this.props.onPick })));}return /*#__PURE__*/React.createElement("div", { ref: this.refRoot, className: _CalendarModule["default"].root, tabIndex: "0" }, cells, months);};_proto.moveToDate = function moveToDate(date) {var newDate = new Date(0);newDate.setUTCFullYear(date.getUTCFullYear());newDate.setUTCMonth(date.getUTCMonth());this.setState({ pos: dateToPos(newDate) });};return Calendar;}(React.Component);exports["default"] = Calendar;_defineProperty(Calendar, "__KONTUR_REACT_UI__", 'CalendarOld');
-
-
-function dateToPos(date) {
-  return (Math.floor((+date - FIRST_WEEK_SHIFT - DAY) / WEEK) - 1) * DAY_HEIGHT;
-}
-
-function posToDate(pos) {
-  return new Date(Math.floor(pos / DAY_HEIGHT + 2) * WEEK - FIRST_WEEK_SHIFT);
-}
-
-function getWeek(time) {
-  return Math.floor((FIRST_WEEK_SHIFT + time) / WEEK);
-}
-
-function getDayTop(fromWeek, offset, time) {
-  return (getWeek(time) - fromWeek) * DAY_HEIGHT - offset;
-}

package/components/DatePickerOld/Calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Calendar.js"],"names":["MONTH_NAMES","DAY","WEEK","FIRST_WEEK_SHIFT","Date","getUTCDay","DAY_HEIGHT","CALENDAR_HEIGHT","Calendar","props","context","element","root","addEventListener","handleWheel","passive","removeEventListener","event","preventDefault","deltaY","deltaMode","pos","state","setState","date","posToDate","setUTCDate","getUTCDate","onNav","dateToPos","initialDate","render","offset","from","week","getWeek","months","monthStart","i","monthEnd","getTime","setUTCMonth","getUTCMonth","y","getDayTop","height","style","top","monthClass","styles","month","first","grey","Math","max","wrapperStyle","position","display","opacity","transition","push","year","getUTCFullYear","cells","cellCount","ceil","cur","curWeek","cellProps","weekIdx","value","onPick","refRoot","moveToDate","newDate","setUTCFullYear","React","Component","floor","time","fromWeek"],"mappings":"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","sourcesContent":["// @flow\r\n\r\nimport classNames from 'classnames';\r\nimport * as React from 'react';\r\n\r\nimport styles from './Calendar.module.less';\r\n\r\nimport Cell from './CalendarCell';\r\n\r\nconst MONTH_NAMES = [\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\nconst DAY = 24 * 60 * 60 * 1000;\r\nconst WEEK = 7 * DAY;\r\nconst FIRST_WEEK_SHIFT = (new Date(0).getUTCDay() - 1) * DAY;\r\nconst DAY_HEIGHT = 31;\r\nconst CALENDAR_HEIGHT = 220;\r\n\r\ntype Props = {\r\n  initialDate: Date,\r\n  value: ?Date,\r\n  onNav: (date: Date) => void,\r\n  onPick: (date: Date) => void,\r\n};\r\n\r\ntype State = {\r\n  pos: number,\r\n};\r\n\r\nexport default class Calendar extends React.Component<Props, State> {\r\n  static __KONTUR_REACT_UI__ = 'CalendarOld';\r\n\r\n  constructor(props: Props, context: mixed) {\r\n    super(props, context);\r\n\r\n    this.state = {\r\n      pos: dateToPos(props.initialDate),\r\n    };\r\n  }\r\n\r\n  render() {\r\n    let offset = this.state.pos % DAY_HEIGHT;\r\n    if (offset < 0) {\r\n      offset += DAY_HEIGHT;\r\n    }\r\n    const from = ((this.state.pos - offset) / DAY_HEIGHT) * WEEK - FIRST_WEEK_SHIFT;\r\n    const week = getWeek(from);\r\n\r\n    const months = [];\r\n    let monthStart = new Date(from);\r\n    monthStart.setUTCDate(1);\r\n    for (let i = 0; i < 4; ++i) {\r\n      const monthEnd = new Date(monthStart.getTime());\r\n      monthEnd.setUTCMonth(monthEnd.getUTCMonth() + 1);\r\n      const y = getDayTop(week, offset, +monthStart);\r\n      const height = getDayTop(week, offset, +monthEnd) - y;\r\n      const style = {\r\n        top: y,\r\n        height,\r\n      };\r\n      const monthClass = classNames({\r\n        [styles.month]: true,\r\n        [styles.first]: monthStart.getUTCMonth() === 0,\r\n        [styles.grey]: monthStart.getUTCMonth() % 2,\r\n      });\r\n      const top = Math.max(0, -y);\r\n      const wrapperStyle = {\r\n        position: 'relative',\r\n        top,\r\n        display: top > height ? 'none' : 'block',\r\n        opacity: top > height / 3 ? 0 : 1,\r\n        transition: 'opacity 0.2s ease-out',\r\n      };\r\n      months.push(\r\n        <div key={+monthStart} className={monthClass} style={style}>\r\n          <div style={wrapperStyle}>\r\n            {MONTH_NAMES[monthStart.getUTCMonth()]}\r\n            <div className={styles.year}>{monthStart.getUTCFullYear()}</div>\r\n          </div>\r\n        </div>,\r\n      );\r\n\r\n      monthStart = monthEnd;\r\n    }\r\n\r\n    const cells = [];\r\n    const cellCount = Math.ceil((CALENDAR_HEIGHT + offset) / DAY_HEIGHT) * 7;\r\n    for (let i = 0; i < cellCount; ++i) {\r\n      const cur = from + i * DAY;\r\n      const curWeek = getWeek(cur);\r\n      const date = new Date(cur);\r\n\r\n      const cellProps = {\r\n        date,\r\n        weekIdx: curWeek - week,\r\n        offset,\r\n        value: this.props.value,\r\n      };\r\n      cells.push(<Cell key={cur} {...cellProps} onPick={this.props.onPick} />);\r\n    }\r\n\r\n    return (\r\n      <div ref={this.refRoot} className={styles.root} tabIndex=\"0\">\r\n        {cells}\r\n        {months}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  refRoot = element => {\r\n    if (!this.root && element) {\r\n      element.addEventListener('wheel', this.handleWheel, { passive: false });\r\n    }\r\n    if (this.root && !element) {\r\n      this.root.removeEventListener('wheel', this.handleWheel);\r\n    }\r\n    this.root = element;\r\n  };\r\n\r\n  moveToDate(date: Date) {\r\n    const newDate = new Date(0);\r\n    newDate.setUTCFullYear(date.getUTCFullYear());\r\n    newDate.setUTCMonth(date.getUTCMonth());\r\n    this.setState({ pos: dateToPos(newDate) });\r\n  }\r\n\r\n  handleWheel = (event: SyntheticWheelEvent<>) => {\r\n    event.preventDefault();\r\n    let deltaY = event.deltaY;\r\n    if (event.deltaMode === 1) {\r\n      deltaY *= DAY_HEIGHT;\r\n    } else if (event.deltaMode === 2) {\r\n      deltaY *= DAY_HEIGHT * 4;\r\n    }\r\n\r\n    const pos = this.state.pos + deltaY;\r\n    this.setState({ pos });\r\n\r\n    const date = posToDate(pos);\r\n    date.setUTCDate(date.getUTCDate() + 6);\r\n    this.props.onNav(date);\r\n  };\r\n}\r\n\r\nfunction dateToPos(date) {\r\n  return (Math.floor((+date - FIRST_WEEK_SHIFT - DAY) / WEEK) - 1) * DAY_HEIGHT;\r\n}\r\n\r\nfunction posToDate(pos) {\r\n  return new Date(Math.floor(pos / DAY_HEIGHT + 2) * WEEK - FIRST_WEEK_SHIFT);\r\n}\r\n\r\nfunction getWeek(time) {\r\n  return Math.floor((FIRST_WEEK_SHIFT + time) / WEEK);\r\n}\r\n\r\nfunction getDayTop(fromWeek, offset, time) {\r\n  return (getWeek(time) - fromWeek) * DAY_HEIGHT - offset;\r\n}\r\n"]}

package/components/DatePickerOld/Calendar.module.css

@@ -1,62 +0,0 @@
-:local .root {
-  background: #fff;
-  height: 220px;
-  width: 280px;
-  outline: none;
-  overflow: hidden;
-  position: relative;
-  z-index: 900;
-}
-:local .grey {
-  background: #ececec;
-}
-:local .month {
-  box-sizing: border-box;
-  font-size: 14px;
-  line-height: 31px;
-  left: 191px;
-  overflow: hidden;
-  padding-left: 7px;
-  position: absolute;
-  width: 89px;
-}
-:local .year {
-  display: none;
-}
-:local .month.first .year {
-  display: block;
-  line-height: 10px;
-}
-:local .cell {
-  position: absolute;
-}
-:local .cell:nth-child(7n + 1) .cellInner {
-  margin-left: 6px;
-}
-:local .cell:nth-child(7n + 6) .cellInner {
-  margin-left: 3px;
-}
-:local .cell:hover .cellInner {
-  background: #5199db;
-  color: #fff;
-}
-:local .cellInner {
-  font-size: 14px;
-  height: 24px;
-  line-height: 24px;
-  width: 24px;
-  cursor: pointer;
-  margin: 3.5px auto;
-  text-align: center;
-}
-:local .cellToday .cellInner {
-  font-weight: bold;
-}
-:local .cellCurrent .cellInner,
-:local .cellCurrent:hover .cellInner {
-  color: #404040;
-  background: rgba(0, 0, 0, 0.09);
-}
-:local .cellHoly {
-  color: #a0a0a0;
-}

package/components/DatePickerOld/CalendarCell.js

@@ -1,88 +0,0 @@
-"use strict";exports.__esModule = true;exports["default"] = void 0;var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { "default": obj };}function _assertThisInitialized(self) {if (self === void 0) {throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _inheritsLoose(subClass, superClass) {subClass.prototype = Object.create(superClass.prototype);subClass.prototype.constructor = subClass;_setPrototypeOf(subClass, superClass);}function _setPrototypeOf(o, p) {_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {o.__proto__ = p;return o;};return _setPrototypeOf(o, p);}function _defineProperty(obj, key, value) {if (key in obj) {Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true });} else {obj[key] = value;}return obj;}
-
-
-var DAY_WIDTH = 26;
-var DAY_HEIGHT = 31;
-var FIRST_CELL_OFFSET = 6;
-var HOLIDAYS_OFFSET = 3;var
-
-CalendarCell = /*#__PURE__*/function (_React$Component) {_inheritsLoose(CalendarCell, _React$Component);
-  function CalendarCell(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_defineProperty(_assertThisInitialized(_this), "pick",
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    function (event) {
-      if (event.button !== 0) {
-        return;
-      }
-
-      if (_this.props.onPick) {
-        _this.props.onPick(_this.props.date);
-      }
-    });_this._today = new Date();return _this;}var _proto = CalendarCell.prototype;_proto.render = function render() {var _classNames;var _this$props = this.props,date = _this$props.date,weekIdx = _this$props.weekIdx,offset = _this$props.offset,value = _this$props.value;var day = getDay(date);var isHolyday = date.getUTCDay() === 0 || date.getUTCDay() === 6;var y = weekIdx * DAY_HEIGHT - offset;var x = day * DAY_WIDTH + FIRST_CELL_OFFSET;var width = DAY_WIDTH;if (day === 0) {x = 0;width += FIRST_CELL_OFFSET;}if (day === 5) {width += HOLIDAYS_OFFSET;}if (day === 6) {x += HOLIDAYS_OFFSET;}var style = { left: x, top: y, width: width, height: DAY_HEIGHT };var cellClass = (0, _classnames["default"])((_classNames = {}, _classNames[_CalendarModule["default"].cell] = true, _classNames[_CalendarModule["default"].cellToday] = this._isToday(date), _classNames[_CalendarModule["default"].cellCurrent] = isSameDate(value, date), _classNames[_CalendarModule["default"].grey] = date.getUTCMonth() % 2, _classNames[_CalendarModule["default"].cellHoly] = isHolyday, _classNames));return /*#__PURE__*/_react["default"].createElement("span", { className: cellClass, style: style }, /*#__PURE__*/_react["default"].createElement("div", { className: _CalendarModule["default"].cellInner, onMouseOver: this.activate, onMouseLeave: this.deactivate, onClick: this.pick }, date.getUTCDate()));};_proto._isToday = function _isToday(date) {return isSameDate(date, this._today);};return CalendarCell;}(_react["default"].Component);exports["default"] = CalendarCell;
-
-
-function isSameDate(a, b) {
-  return (
-    a &&
-    b &&
-    a.getUTCFullYear() === b.getUTCFullYear() &&
-    a.getUTCMonth() === b.getUTCMonth() &&
-    a.getUTCDate() === b.getUTCDate());
-
-}
-
-function getDay(date) {
-  var day = date.getUTCDay();
-  return day ? day - 1 : 6;
-}

package/components/DatePickerOld/CalendarCell.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["CalendarCell.js"],"names":["DAY_WIDTH","DAY_HEIGHT","FIRST_CELL_OFFSET","HOLIDAYS_OFFSET","CalendarCell","props","event","button","onPick","date","_today","Date","render","weekIdx","offset","value","day","getDay","isHolyday","getUTCDay","y","x","width","style","left","top","height","cellClass","styles","cell","cellToday","_isToday","cellCurrent","isSameDate","grey","getUTCMonth","cellHoly","cellInner","activate","deactivate","pick","getUTCDate","React","Component","a","b","getUTCFullYear"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport classNames from 'classnames';\r\nimport styles from './Calendar.module.less';\r\n\r\nconst DAY_WIDTH = 26;\r\nconst DAY_HEIGHT = 31;\r\nconst FIRST_CELL_OFFSET = 6;\r\nconst HOLIDAYS_OFFSET = 3;\r\n\r\nexport default class CalendarCell extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this._today = new Date();\r\n  }\r\n\r\n  render() {\r\n    const { date, weekIdx, offset, value } = this.props;\r\n\r\n    const day = getDay(date);\r\n    const isHolyday = date.getUTCDay() === 0 || date.getUTCDay() === 6;\r\n\r\n    const y = weekIdx * DAY_HEIGHT - offset;\r\n    let x = day * DAY_WIDTH + FIRST_CELL_OFFSET;\r\n    let width = DAY_WIDTH;\r\n    if (day === 0) {\r\n      x = 0;\r\n      width += FIRST_CELL_OFFSET;\r\n    }\r\n    if (day === 5) {\r\n      width += HOLIDAYS_OFFSET;\r\n    }\r\n    if (day === 6) {\r\n      x += HOLIDAYS_OFFSET;\r\n    }\r\n    const style = { left: x, top: y, width, height: DAY_HEIGHT };\r\n\r\n    const cellClass = classNames({\r\n      [styles.cell]: true,\r\n      [styles.cellToday]: this._isToday(date),\r\n      [styles.cellCurrent]: isSameDate(value, date),\r\n      [styles.grey]: date.getUTCMonth() % 2,\r\n      [styles.cellHoly]: isHolyday,\r\n    });\r\n\r\n    return (\r\n      <span className={cellClass} style={style}>\r\n        <div\r\n          className={styles.cellInner}\r\n          onMouseOver={this.activate}\r\n          onMouseLeave={this.deactivate}\r\n          onClick={this.pick}\r\n        >\r\n          {date.getUTCDate()}\r\n        </div>\r\n      </span>\r\n    );\r\n  }\r\n\r\n  _isToday(date) {\r\n    return isSameDate(date, this._today);\r\n  }\r\n\r\n  pick = event => {\r\n    if (event.button !== 0) {\r\n      return;\r\n    }\r\n\r\n    if (this.props.onPick) {\r\n      this.props.onPick(this.props.date);\r\n    }\r\n  };\r\n}\r\n\r\nfunction isSameDate(a, b) {\r\n  return (\r\n    a &&\r\n    b &&\r\n    a.getUTCFullYear() === b.getUTCFullYear() &&\r\n    a.getUTCMonth() === b.getUTCMonth() &&\r\n    a.getUTCDate() === b.getUTCDate()\r\n  );\r\n}\r\n\r\nfunction getDay(date) {\r\n  const day = date.getUTCDay();\r\n  return day ? day - 1 : 6;\r\n}\r\n"]}