@seafile/seafile-calendar 0.0.30-beta.2 → 0.0.30-beta.3

package/lib/mixin/CommonMixin.js

@@ -0,0 +1,106 @@
+'use strict';
+
+exports.__esModule = true;
+exports.commonMixinWrapper = exports.defaultProp = exports.propType = undefined;
+
+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 _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _en_US = require('../locale/en_US');
+
+var _en_US2 = _interopRequireDefault(_en_US);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+function noop() {}
+
+var propType = exports.propType = {
+  className: _propTypes2['default'].string,
+  locale: _propTypes2['default'].object,
+  style: _propTypes2['default'].object,
+  visible: _propTypes2['default'].bool,
+  onSelect: _propTypes2['default'].func,
+  prefixCls: _propTypes2['default'].string,
+  onChange: _propTypes2['default'].func,
+  onOk: _propTypes2['default'].func
+};
+
+var defaultProp = exports.defaultProp = {
+  locale: _en_US2['default'],
+  style: {},
+  visible: true,
+  prefixCls: 'rc-calendar',
+  className: '',
+  onSelect: noop,
+  onChange: noop,
+  onClear: noop,
+  renderFooter: function renderFooter() {
+    return null;
+  },
+  renderSidebar: function renderSidebar() {
+    return null;
+  }
+};
+
+var commonMixinWrapper = exports.commonMixinWrapper = function commonMixinWrapper(ComposeComponent) {
+  var _class, _temp2;
+
+  return _temp2 = _class = function (_ComposeComponent) {
+    (0, _inherits3['default'])(_class, _ComposeComponent);
+
+    function _class() {
+      var _temp, _this, _ret;
+
+      (0, _classCallCheck3['default'])(this, _class);
+
+      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _ComposeComponent.call.apply(_ComposeComponent, [this].concat(args))), _this), _this.getFormat = function () {
+        var format = _this.props.format;
+        var _this$props = _this.props,
+            locale = _this$props.locale,
+            timePicker = _this$props.timePicker;
+
+        if (!format) {
+          if (timePicker) {
+            format = locale.dateTimeFormat;
+          } else {
+            format = locale.dateFormat;
+          }
+        }
+        return format;
+      }, _this.focus = function () {
+        if (_this.focusElement) {
+          _this.focusElement.focus();
+        } else if (_this.rootInstance) {
+          _this.rootInstance.focus();
+        }
+      }, _this.saveFocusElement = function (focusElement) {
+        _this.focusElement = focusElement;
+      }, _this.saveRoot = function (root) {
+        _this.rootInstance = root;
+      }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+    }
+
+    _class.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+      return this.props.visible || nextProps.visible;
+    };
+
+    return _class;
+  }(ComposeComponent), _class.displayName = 'CommonMixinWrapper', _class.defaultProps = ComposeComponent.defaultProps, _class.getDerivedStateFromProps = ComposeComponent.getDerivedStateFromProps, _temp2;
+};

package/lib/month/MonthPanel.js

@@ -0,0 +1,179 @@
+'use strict';
+
+exports.__esModule = true;
+
+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 _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _reactLifecyclesCompat = require('react-lifecycles-compat');
+
+var _MonthTable = require('./MonthTable');
+
+var _MonthTable2 = _interopRequireDefault(_MonthTable);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+function goYear(direction) {
+  this.props.changeYear(direction);
+}
+
+function noop() {}
+
+var MonthPanel = function (_React$Component) {
+  (0, _inherits3['default'])(MonthPanel, _React$Component);
+
+  function MonthPanel(props) {
+    (0, _classCallCheck3['default'])(this, MonthPanel);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
+
+    _this.setAndSelectValue = function (value) {
+      _this.setValue(value);
+      _this.props.onSelect(value);
+    };
+
+    _this.setValue = function (value) {
+      if ('value' in _this.props) {
+        _this.setState({
+          value: value
+        });
+      }
+    };
+
+    _this.nextYear = goYear.bind(_this, 1);
+    _this.previousYear = goYear.bind(_this, -1);
+    _this.prefixCls = props.rootPrefixCls + '-month-panel';
+
+    _this.state = {
+      value: props.value || props.defaultValue
+    };
+    return _this;
+  }
+
+  MonthPanel.getDerivedStateFromProps = function getDerivedStateFromProps(props) {
+    var newState = {};
+
+    if ('value' in props) {
+      newState = {
+        value: props.value
+      };
+    }
+
+    return newState;
+  };
+
+  MonthPanel.prototype.render = function render() {
+    var props = this.props;
+    var value = this.state.value;
+    var locale = props.locale,
+        cellRender = props.cellRender,
+        contentRender = props.contentRender,
+        renderFooter = props.renderFooter;
+
+    var year = value.year();
+    var prefixCls = this.prefixCls;
+
+    var footer = renderFooter && renderFooter('month');
+
+    return _react2['default'].createElement(
+      'div',
+      { className: prefixCls, style: props.style },
+      _react2['default'].createElement(
+        'div',
+        null,
+        _react2['default'].createElement(
+          'div',
+          { className: prefixCls + '-header' },
+          _react2['default'].createElement('a', {
+            className: prefixCls + '-prev-year-btn',
+            role: 'button',
+            onClick: this.previousYear,
+            title: locale.previousYear
+          }),
+          _react2['default'].createElement(
+            'a',
+            {
+              className: prefixCls + '-year-select',
+              role: 'button',
+              onClick: props.onYearPanelShow,
+              title: locale.yearSelect
+            },
+            _react2['default'].createElement(
+              'span',
+              { className: prefixCls + '-year-select-content' },
+              year
+            ),
+            _react2['default'].createElement(
+              'span',
+              { className: prefixCls + '-year-select-arrow' },
+              'x'
+            )
+          ),
+          _react2['default'].createElement('a', {
+            className: prefixCls + '-next-year-btn',
+            role: 'button',
+            onClick: this.nextYear,
+            title: locale.nextYear
+          })
+        ),
+        _react2['default'].createElement(
+          'div',
+          { className: prefixCls + '-body' },
+          _react2['default'].createElement(_MonthTable2['default'], {
+            disabledDate: props.disabledDate,
+            onSelect: this.setAndSelectValue,
+            locale: locale,
+            value: value,
+            cellRender: cellRender,
+            contentRender: contentRender,
+            prefixCls: prefixCls
+          })
+        ),
+        footer && _react2['default'].createElement(
+          'div',
+          { className: prefixCls + '-footer' },
+          footer
+        )
+      )
+    );
+  };
+
+  return MonthPanel;
+}(_react2['default'].Component);
+
+MonthPanel.propTypes = {
+  onChange: _propTypes2['default'].func,
+  disabledDate: _propTypes2['default'].func,
+  onSelect: _propTypes2['default'].func,
+  renderFooter: _propTypes2['default'].func,
+  rootPrefixCls: _propTypes2['default'].string,
+  value: _propTypes2['default'].object,
+  defaultValue: _propTypes2['default'].object
+};
+MonthPanel.defaultProps = {
+  onChange: noop,
+  onSelect: noop
+};
+
+
+(0, _reactLifecyclesCompat.polyfill)(MonthPanel);
+
+exports['default'] = MonthPanel;
+module.exports = exports['default'];

package/lib/month/MonthTable.js

@@ -0,0 +1,181 @@
+'use strict';
+
+exports.__esModule = true;
+
+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 _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _index = require('../util/index');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var ROW = 4;
+var COL = 3;
+
+function chooseMonth(month) {
+  var next = this.state.value.clone();
+  next = next.month(month);
+  this.setAndSelectValue(next);
+}
+
+function noop() {}
+
+var MonthTable = function (_Component) {
+  (0, _inherits3['default'])(MonthTable, _Component);
+
+  function MonthTable(props) {
+    (0, _classCallCheck3['default'])(this, MonthTable);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
+
+    _this.state = {
+      value: props.value
+    };
+    return _this;
+  }
+
+  MonthTable.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+    if ('value' in nextProps) {
+      this.setState({
+        value: nextProps.value
+      });
+    }
+  };
+
+  MonthTable.prototype.setAndSelectValue = function setAndSelectValue(value) {
+    this.setState({
+      value: value
+    });
+    this.props.onSelect(value);
+  };
+
+  MonthTable.prototype.months = function months() {
+    var value = this.state.value;
+    var current = value.clone();
+    var months = [];
+    var index = 0;
+    for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {
+      months[rowIndex] = [];
+      for (var colIndex = 0; colIndex < COL; colIndex++) {
+        current = current.month(index);
+        var content = (0, _index.getMonthName)(current);
+        months[rowIndex][colIndex] = {
+          value: index,
+          content: content,
+          title: content
+        };
+        index++;
+      }
+    }
+    return months;
+  };
+
+  MonthTable.prototype.render = function render() {
+    var _this2 = this;
+
+    var props = this.props;
+    var value = this.state.value;
+    var today = (0, _index.getTodayTime)(value);
+    var months = this.months();
+    var currentMonth = value.month();
+    var prefixCls = props.prefixCls,
+        locale = props.locale,
+        contentRender = props.contentRender,
+        cellRender = props.cellRender;
+
+    var monthsEls = months.map(function (month, index) {
+      var tds = month.map(function (monthData) {
+        var _classNameMap;
+
+        var disabled = false;
+        if (props.disabledDate) {
+          var testValue = value.clone();
+          testValue = testValue.month(monthData.value);
+          disabled = props.disabledDate(testValue);
+        }
+        var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-cell-disabled'] = disabled, _classNameMap[prefixCls + '-selected-cell'] = monthData.value === currentMonth, _classNameMap[prefixCls + '-current-cell'] = today.year() === value.year() && monthData.value === today.month(), _classNameMap);
+        var cellEl = void 0;
+        if (cellRender) {
+          var currentValue = value.clone();
+          currentValue = currentValue.month(monthData.value);
+          cellEl = cellRender(currentValue, locale);
+        } else {
+          var content = void 0;
+          if (contentRender) {
+            var _currentValue = value.clone();
+            _currentValue = _currentValue.month(monthData.value);
+            content = contentRender(_currentValue, locale);
+          } else {
+            content = monthData.content;
+          }
+          cellEl = _react2['default'].createElement(
+            'a',
+            { className: prefixCls + '-month' },
+            content
+          );
+        }
+        return _react2['default'].createElement(
+          'td',
+          {
+            role: 'gridcell',
+            key: monthData.value,
+            onClick: disabled ? null : chooseMonth.bind(_this2, monthData.value),
+            title: monthData.title,
+            className: (0, _classnames2['default'])(classNameMap)
+          },
+          cellEl
+        );
+      });
+      return _react2['default'].createElement(
+        'tr',
+        { key: index, role: 'row' },
+        tds
+      );
+    });
+
+    return _react2['default'].createElement(
+      'table',
+      { className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
+      _react2['default'].createElement(
+        'tbody',
+        { className: prefixCls + '-tbody' },
+        monthsEls
+      )
+    );
+  };
+
+  return MonthTable;
+}(_react.Component);
+
+MonthTable.defaultProps = {
+  onSelect: noop
+};
+MonthTable.propTypes = {
+  onSelect: _propTypes2['default'].func,
+  cellRender: _propTypes2['default'].func,
+  prefixCls: _propTypes2['default'].string,
+  value: _propTypes2['default'].object
+};
+exports['default'] = MonthTable;
+module.exports = exports['default'];

package/lib/picker/placements.js

@@ -0,0 +1,39 @@
+'use strict';
+
+exports.__esModule = true;
+var autoAdjustOverflow = {
+  adjustX: 1,
+  adjustY: 1
+};
+
+var targetOffset = [0, 0];
+
+var placements = {
+  bottomLeft: {
+    points: ['tl', 'tl'],
+    overflow: autoAdjustOverflow,
+    offset: [0, -3],
+    targetOffset: targetOffset
+  },
+  bottomRight: {
+    points: ['tr', 'tr'],
+    overflow: autoAdjustOverflow,
+    offset: [0, -3],
+    targetOffset: targetOffset
+  },
+  topRight: {
+    points: ['br', 'br'],
+    overflow: autoAdjustOverflow,
+    offset: [0, 3],
+    targetOffset: targetOffset
+  },
+  topLeft: {
+    points: ['bl', 'bl'],
+    overflow: autoAdjustOverflow,
+    offset: [0, 3],
+    targetOffset: targetOffset
+  }
+};
+
+exports['default'] = placements;
+module.exports = exports['default'];

package/lib/range-calendar/CalendarPart.js

@@ -0,0 +1,184 @@
+'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 _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _CalendarHeader = require('../calendar/CalendarHeader');
+
+var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
+
+var _DateTable = require('../date/DateTable');
+
+var _DateTable2 = _interopRequireDefault(_DateTable);
+
+var _DateInput = require('../date/DateInput');
+
+var _DateInput2 = _interopRequireDefault(_DateInput);
+
+var _index = require('../util/index');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var CalendarPart = function (_React$Component) {
+  (0, _inherits3['default'])(CalendarPart, _React$Component);
+
+  function CalendarPart() {
+    (0, _classCallCheck3['default'])(this, CalendarPart);
+    return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
+  }
+
+  CalendarPart.prototype.render = function render() {
+    var props = this.props;
+    var prefixCls = props.prefixCls,
+        value = props.value,
+        hoverValue = props.hoverValue,
+        selectedValue = props.selectedValue,
+        mode = props.mode,
+        direction = props.direction,
+        locale = props.locale,
+        format = props.format,
+        placeholder = props.placeholder,
+        disabledDate = props.disabledDate,
+        timePicker = props.timePicker,
+        disabledTime = props.disabledTime,
+        timePickerDisabledTime = props.timePickerDisabledTime,
+        showTimePicker = props.showTimePicker,
+        onInputChange = props.onInputChange,
+        onInputSelect = props.onInputSelect,
+        enablePrev = props.enablePrev,
+        enableNext = props.enableNext,
+        clearIcon = props.clearIcon,
+        showClear = props.showClear,
+        inputMode = props.inputMode;
+
+    var shouldShowTimePicker = showTimePicker && timePicker;
+    var disabledTimeConfig = shouldShowTimePicker && disabledTime ? (0, _index.getTimeConfig)(selectedValue, disabledTime) : null;
+    var rangeClassName = prefixCls + '-range';
+    var newProps = {
+      locale: locale,
+      value: value,
+      prefixCls: prefixCls,
+      showTimePicker: showTimePicker
+    };
+    var index = direction === 'left' ? 0 : 1;
+    var timePickerEle = shouldShowTimePicker && _react2['default'].cloneElement(timePicker, (0, _extends3['default'])({
+      showHour: true,
+      showMinute: true,
+      showSecond: true
+    }, timePicker.props, disabledTimeConfig, timePickerDisabledTime, {
+      onChange: onInputChange,
+      defaultOpenValue: value,
+      value: selectedValue[index]
+    }));
+
+    var dateInputElement = props.showDateInput && _react2['default'].createElement(_DateInput2['default'], {
+      format: format,
+      locale: locale,
+      prefixCls: prefixCls,
+      timePicker: timePicker,
+      disabledDate: disabledDate,
+      placeholder: placeholder,
+      disabledTime: disabledTime,
+      value: value,
+      showClear: showClear || false,
+      selectedValue: selectedValue[index],
+      onChange: onInputChange,
+      onSelect: onInputSelect,
+      clearIcon: clearIcon,
+      inputMode: inputMode
+    });
+
+    return _react2['default'].createElement(
+      'div',
+      {
+        className: rangeClassName + '-part ' + rangeClassName + '-' + direction
+      },
+      dateInputElement,
+      _react2['default'].createElement(
+        'div',
+        { style: { outline: 'none' } },
+        _react2['default'].createElement(_CalendarHeader2['default'], (0, _extends3['default'])({}, newProps, {
+          mode: mode,
+          enableNext: enableNext,
+          enablePrev: enablePrev,
+          onValueChange: props.onValueChange,
+          onPanelChange: props.onPanelChange,
+          disabledMonth: props.disabledMonth
+        })),
+        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'], (0, _extends3['default'])({}, newProps, {
+            hoverValue: hoverValue,
+            selectedValue: selectedValue,
+            dateRender: props.dateRender,
+            onSelect: props.onSelect,
+            onDayHover: props.onDayHover,
+            disabledDate: disabledDate,
+            showWeekNumber: props.showWeekNumber
+          }))
+        )
+      )
+    );
+  };
+
+  return CalendarPart;
+}(_react2['default'].Component);
+
+CalendarPart.propTypes = {
+  prefixCls: _propTypes2['default'].string,
+  value: _propTypes2['default'].any,
+  hoverValue: _propTypes2['default'].any,
+  selectedValue: _propTypes2['default'].any,
+  direction: _propTypes2['default'].any,
+  locale: _propTypes2['default'].any,
+  showDateInput: _propTypes2['default'].bool,
+  showTimePicker: _propTypes2['default'].bool,
+  format: _propTypes2['default'].any,
+  placeholder: _propTypes2['default'].any,
+  disabledDate: _propTypes2['default'].any,
+  timePicker: _propTypes2['default'].any,
+  disabledTime: _propTypes2['default'].any,
+  onInputChange: _propTypes2['default'].func,
+  onInputSelect: _propTypes2['default'].func,
+  timePickerDisabledTime: _propTypes2['default'].object,
+  enableNext: _propTypes2['default'].any,
+  enablePrev: _propTypes2['default'].any,
+  clearIcon: _propTypes2['default'].node,
+  dateRender: _propTypes2['default'].func,
+  inputMode: _propTypes2['default'].string
+};
+exports['default'] = CalendarPart;
+module.exports = exports['default'];