@seafile/seafile-calendar 0.0.13 → 0.0.17

package/es/year/YearPanel.js

@@ -1,202 +0,0 @@
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-var ROW = 4;
-var COL = 3;
-
-function goYear(direction) {
-  var value = this.state.value.clone();
-  value.add(direction, 'year');
-  this.setState({
-    value: value
-  });
-}
-
-function chooseYear(year) {
-  var value = this.state.value.clone();
-  value.year(year);
-  value.month(this.state.value.month());
-  this.setState({
-    value: value
-  });
-  this.props.onSelect(value);
-}
-
-var YearPanel = function (_React$Component) {
-  _inherits(YearPanel, _React$Component);
-
-  function YearPanel(props) {
-    _classCallCheck(this, YearPanel);
-
-    var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
-    _this.prefixCls = props.rootPrefixCls + '-year-panel';
-    _this.state = {
-      value: props.value || props.defaultValue
-    };
-    _this.nextDecade = goYear.bind(_this, 10);
-    _this.previousDecade = goYear.bind(_this, -10);
-    return _this;
-  }
-
-  YearPanel.prototype.years = function years() {
-    var value = this.state.value;
-    var currentYear = value.year();
-    var startYear = parseInt(currentYear / 10, 10) * 10;
-    var previousYear = startYear - 1;
-    var years = [];
-    var index = 0;
-    for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {
-      years[rowIndex] = [];
-      for (var colIndex = 0; colIndex < COL; colIndex++) {
-        var year = previousYear + index;
-        var content = String(year);
-        years[rowIndex][colIndex] = {
-          content: content,
-          year: year,
-          title: content
-        };
-        index++;
-      }
-    }
-    return years;
-  };
-
-  YearPanel.prototype.render = function render() {
-    var _this2 = this;
-
-    var props = this.props;
-    var value = this.state.value;
-    var locale = props.locale,
-        renderFooter = props.renderFooter;
-
-    var years = this.years();
-    var currentYear = value.year();
-    var startYear = parseInt(currentYear / 10, 10) * 10;
-    var endYear = startYear + 9;
-    var prefixCls = this.prefixCls;
-
-    var yeasEls = years.map(function (row, index) {
-      var tds = row.map(function (yearData) {
-        var _classNameMap;
-
-        var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = yearData.year === currentYear, _classNameMap[prefixCls + '-last-decade-cell'] = yearData.year < startYear, _classNameMap[prefixCls + '-next-decade-cell'] = yearData.year > endYear, _classNameMap);
-        var clickHandler = void 0;
-        if (yearData.year < startYear) {
-          clickHandler = _this2.previousDecade;
-        } else if (yearData.year > endYear) {
-          clickHandler = _this2.nextDecade;
-        } else {
-          clickHandler = chooseYear.bind(_this2, yearData.year);
-        }
-        return React.createElement(
-          'td',
-          {
-            role: 'gridcell',
-            title: yearData.title,
-            key: yearData.content,
-            onClick: clickHandler,
-            className: classnames(classNameMap)
-          },
-          React.createElement(
-            'a',
-            {
-              className: prefixCls + '-year'
-            },
-            yearData.content
-          )
-        );
-      });
-      return React.createElement(
-        'tr',
-        { key: index, role: 'row' },
-        tds
-      );
-    });
-
-    var footer = renderFooter && renderFooter('year');
-
-    return React.createElement(
-      'div',
-      { className: this.prefixCls },
-      React.createElement(
-        'div',
-        null,
-        React.createElement(
-          'div',
-          { className: prefixCls + '-header' },
-          React.createElement('a', {
-            className: prefixCls + '-prev-decade-btn',
-            role: 'button',
-            onClick: this.previousDecade,
-            title: locale.previousDecade
-          }),
-          React.createElement(
-            'a',
-            {
-              className: prefixCls + '-decade-select',
-              role: 'button',
-              onClick: props.onDecadePanelShow,
-              title: locale.decadeSelect
-            },
-            React.createElement(
-              'span',
-              { className: prefixCls + '-decade-select-content' },
-              startYear,
-              '-',
-              endYear
-            ),
-            React.createElement(
-              'span',
-              { className: prefixCls + '-decade-select-arrow' },
-              'x'
-            )
-          ),
-          React.createElement('a', {
-            className: prefixCls + '-next-decade-btn',
-            role: 'button',
-            onClick: this.nextDecade,
-            title: locale.nextDecade
-          })
-        ),
-        React.createElement(
-          'div',
-          { className: prefixCls + '-body' },
-          React.createElement(
-            'table',
-            { className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
-            React.createElement(
-              'tbody',
-              { className: prefixCls + '-tbody' },
-              yeasEls
-            )
-          )
-        ),
-        footer && React.createElement(
-          'div',
-          { className: prefixCls + '-footer' },
-          footer
-        )
-      )
-    );
-  };
-
-  return YearPanel;
-}(React.Component);
-
-export default YearPanel;
-
-
-YearPanel.propTypes = {
-  rootPrefixCls: PropTypes.string,
-  value: PropTypes.object,
-  defaultValue: PropTypes.object,
-  renderFooter: PropTypes.func
-};
-
-YearPanel.defaultProps = {
-  onSelect: function onSelect() {}
-};

package/lib/Calendar.js

@@ -1,481 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactDom = require('react-dom');
-
-var _reactDom2 = _interopRequireDefault(_reactDom);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _KeyCode = require('rc-util/lib/KeyCode');
-
-var _KeyCode2 = _interopRequireDefault(_KeyCode);
-
-var _reactLifecyclesCompat = require('react-lifecycles-compat');
-
-var _DateTable = require('./date/DateTable');
-
-var _DateTable2 = _interopRequireDefault(_DateTable);
-
-var _CalendarHeader = require('./calendar/CalendarHeader');
-
-var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
-
-var _CalendarFooter = require('./calendar/CalendarFooter');
-
-var _CalendarFooter2 = _interopRequireDefault(_CalendarFooter);
-
-var _CalendarRightPanel = require('./calendar/CalendarRightPanel');
-
-var _CalendarRightPanel2 = _interopRequireDefault(_CalendarRightPanel);
-
-var _CalendarMixin = require('./mixin/CalendarMixin');
-
-var _CommonMixin = require('./mixin/CommonMixin');
-
-var _DateInput = require('./date/DateInput');
-
-var _DateInput2 = _interopRequireDefault(_DateInput);
-
-var _util = require('./util');
-
-var _toTime = require('./util/toTime');
-
-var _moment = require('moment');
-
-var _moment2 = _interopRequireDefault(_moment);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-function noop() {}
-
-var getMomentObjectIfValid = function getMomentObjectIfValid(date) {
-  if (_moment2['default'].isMoment(date) && date.isValid()) {
-    return date;
-  }
-  return false;
-};
-
-var Calendar = function (_React$Component) {
-  (0, _inherits3['default'])(Calendar, _React$Component);
-
-  function Calendar(props) {
-    (0, _classCallCheck3['default'])(this, Calendar);
-
-    var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
-
-    _initialiseProps.call(_this);
-
-    _this.state = {
-      mode: _this.props.mode || 'date',
-      value: getMomentObjectIfValid(props.value) || getMomentObjectIfValid(props.defaultValue) || (0, _moment2['default'])(),
-      selectedValue: props.selectedValue || props.defaultSelectedValue
-    };
-    return _this;
-  }
-
-  Calendar.prototype.componentDidMount = function componentDidMount() {
-    if (this.props.showDateInput) {
-      this.saveFocusElement(_DateInput2['default'].getInstance());
-    }
-  };
-
-  Calendar.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {
-    var value = nextProps.value,
-        selectedValue = nextProps.selectedValue;
-
-    var newState = {};
-
-    if ('mode' in nextProps && state.mode !== nextProps.mode) {
-      newState = { mode: nextProps.mode };
-    }
-    if ('value' in nextProps) {
-      newState.value = getMomentObjectIfValid(value) || getMomentObjectIfValid(nextProps.defaultValue) || (0, _CalendarMixin.getNowByCurrentStateValue)(state.value);
-    }
-    if ('selectedValue' in nextProps) {
-      newState.selectedValue = selectedValue;
-    }
-
-    return newState;
-  };
-
-  Calendar.prototype.render = function render() {
-    var props = this.props,
-        state = this.state;
-    var locale = props.locale,
-        prefixCls = props.prefixCls,
-        disabledDate = props.disabledDate,
-        dateInputPlaceholder = props.dateInputPlaceholder,
-        timePicker = props.timePicker,
-        onClickRightPanelTime = props.onClickRightPanelTime,
-        disabledTime = props.disabledTime,
-        clearIcon = props.clearIcon,
-        renderFooter = props.renderFooter,
-        inputMode = props.inputMode,
-        showHourAndMinute = props.showHourAndMinute;
-    var value = state.value,
-        selectedValue = state.selectedValue,
-        mode = state.mode;
-
-    var showTimePicker = mode === 'time';
-    var disabledTimeConfig = showTimePicker && disabledTime && timePicker ? (0, _util.getTimeConfig)(selectedValue, disabledTime) : null;
-
-    var timePickerEle = null;
-
-    if (timePicker && showTimePicker) {
-      var timePickerProps = (0, _extends3['default'])({
-        showHour: true,
-        showSecond: true,
-        showMinute: true
-      }, timePicker.props, disabledTimeConfig, {
-        onChange: this.onDateInputChange,
-        value: selectedValue,
-        disabledTime: disabledTime
-      });
-
-      if (timePicker.props.defaultValue !== undefined) {
-        timePickerProps.defaultOpenValue = timePicker.props.defaultValue;
-      }
-
-      timePickerEle = _react2['default'].cloneElement(timePicker, timePickerProps);
-    }
-
-    var dateInputElement = props.showDateInput ? _react2['default'].createElement(_DateInput2['default'], {
-      format: this.getFormat(),
-      key: 'date-input',
-      value: value,
-      locale: locale,
-      placeholder: dateInputPlaceholder,
-      showClear: true,
-      disabledTime: disabledTime,
-      disabledDate: disabledDate,
-      onClear: this.onClear,
-      prefixCls: prefixCls,
-      selectedValue: selectedValue,
-      onChange: this.onDateInputChange,
-      onSelect: this.onDateInputSelect,
-      clearIcon: clearIcon,
-      inputMode: inputMode
-    }) : null;
-
-    var children = [];
-    if (props.renderSidebar) {
-      children.push(props.renderSidebar());
-    }
-    children.push(_react2['default'].createElement(
-      'div',
-      { className: prefixCls + '-panel', key: 'panel' },
-      dateInputElement,
-      _react2['default'].createElement(
-        'div',
-        { className: prefixCls + '-date-panel-container' },
-        _react2['default'].createElement(
-          'div',
-          {
-            tabIndex: this.props.focusablePanel ? 0 : undefined,
-            className: prefixCls + '-date-panel'
-          },
-          _react2['default'].createElement(_CalendarHeader2['default'], {
-            locale: locale,
-            mode: mode,
-            value: value,
-            onValueChange: this.setValue,
-            onPanelChange: this.onPanelChange,
-            renderFooter: renderFooter,
-            showTimePicker: showTimePicker,
-            prefixCls: prefixCls
-          }),
-          timePicker && showTimePicker ? _react2['default'].createElement(
-            'div',
-            { className: prefixCls + '-time-picker' },
-            _react2['default'].createElement(
-              'div',
-              { className: prefixCls + '-time-picker-panel' },
-              timePickerEle
-            )
-          ) : null,
-          _react2['default'].createElement(
-            'div',
-            { className: prefixCls + '-body' },
-            _react2['default'].createElement(_DateTable2['default'], {
-              locale: locale,
-              value: value,
-              selectedValue: selectedValue,
-              prefixCls: prefixCls,
-              dateRender: props.dateRender,
-              onSelect: this.onDateTableSelect,
-              disabledDate: disabledDate,
-              showWeekNumber: props.showWeekNumber
-            })
-          ),
-          _react2['default'].createElement(_CalendarFooter2['default'], {
-            showOk: props.showOk,
-            mode: mode,
-            renderFooter: props.renderFooter,
-            locale: locale,
-            prefixCls: prefixCls,
-            showToday: props.showToday,
-            disabledTime: disabledTime,
-            showTimePicker: showTimePicker,
-            showDateInput: props.showDateInput,
-            timePicker: timePicker,
-            selectedValue: selectedValue,
-            value: value,
-            disabledDate: disabledDate,
-            okDisabled: props.showOk !== false && (!selectedValue || !this.isAllowedDate(selectedValue)),
-            onOk: this.onOk,
-            onSelect: this.onSelect,
-            onToday: this.onToday,
-            onOpenTimePicker: this.openTimePicker,
-            onCloseTimePicker: this.closeTimePicker
-          })
-        ),
-        showHourAndMinute && _react2['default'].createElement(_CalendarRightPanel2['default'], {
-          prefixCls: prefixCls,
-          value: value,
-          locale: locale,
-          onSelect: this.onDateTableSelect,
-          onClickRightPanelTime: onClickRightPanelTime
-        })
-      )
-    ));
-
-    return this.renderRoot({
-      children: children,
-      className: props.showWeekNumber ? prefixCls + '-week-number' : ''
-    });
-  };
-
-  return Calendar;
-}(_react2['default'].Component);
-
-Calendar.propTypes = (0, _extends3['default'])({}, _CalendarMixin.calendarMixinPropTypes, _CommonMixin.propType, {
-  prefixCls: _propTypes2['default'].string,
-  className: _propTypes2['default'].string,
-  style: _propTypes2['default'].object,
-  defaultValue: _propTypes2['default'].object,
-  value: _propTypes2['default'].object,
-  selectedValue: _propTypes2['default'].object,
-  defaultSelectedValue: _propTypes2['default'].object,
-  mode: _propTypes2['default'].oneOf(['time', 'date', 'month', 'year', 'decade']),
-  locale: _propTypes2['default'].object,
-  showDateInput: _propTypes2['default'].bool,
-  showWeekNumber: _propTypes2['default'].bool,
-  showToday: _propTypes2['default'].bool,
-  showOk: _propTypes2['default'].bool,
-  showHourAndMinute: _propTypes2['default'].bool,
-  onSelect: _propTypes2['default'].func,
-  onOk: _propTypes2['default'].func,
-  onKeyDown: _propTypes2['default'].func,
-  timePicker: _propTypes2['default'].element,
-  dateInputPlaceholder: _propTypes2['default'].any,
-  onClear: _propTypes2['default'].func,
-  onChange: _propTypes2['default'].func,
-  onPanelChange: _propTypes2['default'].func,
-  disabledDate: _propTypes2['default'].func,
-  disabledTime: _propTypes2['default'].any,
-  dateRender: _propTypes2['default'].func,
-  renderFooter: _propTypes2['default'].func,
-  renderSidebar: _propTypes2['default'].func,
-  clearIcon: _propTypes2['default'].node,
-  focusablePanel: _propTypes2['default'].bool,
-  inputMode: _propTypes2['default'].string,
-  onBlur: _propTypes2['default'].func,
-  onClickRightPanelTime: _propTypes2['default'].func
-});
-Calendar.defaultProps = (0, _extends3['default'])({}, _CalendarMixin.calendarMixinDefaultProps, _CommonMixin.defaultProp, {
-  showToday: true,
-  showDateInput: true,
-  showHourAndMinute: false,
-  timePicker: null,
-  onOk: noop,
-  onPanelChange: noop,
-  onClickRightPanelTime: noop,
-  focusablePanel: true
-});
-
-var _initialiseProps = function _initialiseProps() {
-  var _this2 = this;
-
-  this.onPanelChange = function (value, mode) {
-    var props = _this2.props,
-        state = _this2.state;
-
-    if (!('mode' in props)) {
-      _this2.setState({ mode: mode });
-    }
-    props.onPanelChange(value || state.value, mode);
-  };
-
-  this.onKeyDown = function (event) {
-    if (event.target.nodeName.toLowerCase() === 'input') {
-      return undefined;
-    }
-    var keyCode = event.keyCode;
-    // mac
-    var ctrlKey = event.ctrlKey || event.metaKey;
-    var disabledDate = _this2.props.disabledDate;
-    var value = _this2.state.value;
-
-    switch (keyCode) {
-      case _KeyCode2['default'].DOWN:
-        _this2.goTime(1, 'weeks');
-        event.preventDefault();
-        return 1;
-      case _KeyCode2['default'].UP:
-        _this2.goTime(-1, 'weeks');
-        event.preventDefault();
-        return 1;
-      case _KeyCode2['default'].LEFT:
-        if (ctrlKey) {
-          _this2.goTime(-1, 'years');
-        } else {
-          _this2.goTime(-1, 'days');
-        }
-        event.preventDefault();
-        return 1;
-      case _KeyCode2['default'].RIGHT:
-        if (ctrlKey) {
-          _this2.goTime(1, 'years');
-        } else {
-          _this2.goTime(1, 'days');
-        }
-        event.preventDefault();
-        return 1;
-      case _KeyCode2['default'].HOME:
-        _this2.setValue((0, _toTime.goStartMonth)(_this2.state.value));
-        event.preventDefault();
-        return 1;
-      case _KeyCode2['default'].END:
-        _this2.setValue((0, _toTime.goEndMonth)(_this2.state.value));
-        event.preventDefault();
-        return 1;
-      case _KeyCode2['default'].PAGE_DOWN:
-        _this2.goTime(1, 'month');
-        event.preventDefault();
-        return 1;
-      case _KeyCode2['default'].PAGE_UP:
-        _this2.goTime(-1, 'month');
-        event.preventDefault();
-        return 1;
-      case _KeyCode2['default'].ENTER:
-        if (!disabledDate || !disabledDate(value)) {
-          _this2.onSelect(value, {
-            source: 'keyboard'
-          });
-        }
-        event.preventDefault();
-        return 1;
-      default:
-        _this2.props.onKeyDown(event);
-        return 1;
-    }
-  };
-
-  this.onClear = function () {
-    _this2.onSelect(null);
-    _this2.props.onClear();
-  };
-
-  this.onOk = function () {
-    var selectedValue = _this2.state.selectedValue;
-
-    if (_this2.isAllowedDate(selectedValue)) {
-      _this2.props.onOk(selectedValue);
-    }
-  };
-
-  this.onDateInputChange = function (value) {
-    _this2.onSelect(value, {
-      source: 'dateInput'
-    });
-  };
-
-  this.onDateInputSelect = function (value) {
-    _this2.onSelect(value, {
-      source: 'dateInputSelect'
-    });
-  };
-
-  this.onDateTableSelect = function (value) {
-    var timePicker = _this2.props.timePicker;
-    var selectedValue = _this2.state.selectedValue;
-
-    if (!selectedValue && timePicker) {
-      var timePickerDefaultValue = timePicker.props.defaultValue;
-      if (timePickerDefaultValue) {
-        (0, _util.syncTime)(timePickerDefaultValue, value);
-      }
-    }
-    _this2.onSelect(value);
-  };
-
-  this.onToday = function () {
-    var value = _this2.state.value;
-
-    var now = (0, _util.getTodayTime)(value);
-    _this2.onSelect(now, {
-      source: 'todayButton'
-    });
-  };
-
-  this.onBlur = function (event) {
-    setTimeout(function () {
-      var dateInput = _DateInput2['default'].getInstance();
-      var rootInstance = _this2.rootInstance;
-
-      if (!rootInstance || rootInstance.contains(document.activeElement) || dateInput && dateInput.contains(document.activeElement)) {
-        // focused element is still part of Calendar
-        return;
-      }
-
-      if (_this2.props.onBlur) {
-        _this2.props.onBlur(event);
-      }
-    }, 0);
-  };
-
-  this.getRootDOMNode = function () {
-    return _reactDom2['default'].findDOMNode(_this2);
-  };
-
-  this.openTimePicker = function () {
-    _this2.onPanelChange(null, 'time');
-  };
-
-  this.closeTimePicker = function () {
-    _this2.onPanelChange(null, 'date');
-  };
-
-  this.goTime = function (direction, unit) {
-    _this2.setValue((0, _toTime.goTime)(_this2.state.value, direction, unit));
-  };
-};
-
-(0, _reactLifecyclesCompat.polyfill)(Calendar);
-
-exports['default'] = (0, _CalendarMixin.calendarMixinWrapper)((0, _CommonMixin.commonMixinWrapper)(Calendar));
-module.exports = exports['default'];