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

package/lib/FullCalendar.js

@@ -0,0 +1,221 @@
+'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 _reactLifecyclesCompat = require('react-lifecycles-compat');
+
+var _DateTable = require('./date/DateTable');
+
+var _DateTable2 = _interopRequireDefault(_DateTable);
+
+var _MonthTable = require('./month/MonthTable');
+
+var _MonthTable2 = _interopRequireDefault(_MonthTable);
+
+var _CalendarMixin = require('./mixin/CalendarMixin');
+
+var _CommonMixin = require('./mixin/CommonMixin');
+
+var _CalendarHeader = require('./full-calendar/CalendarHeader');
+
+var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
+
+var _dayjs = require('./util/dayjs');
+
+var _dayjs2 = _interopRequireDefault(_dayjs);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var FullCalendar = function (_React$Component) {
+  (0, _inherits3['default'])(FullCalendar, _React$Component);
+
+  function FullCalendar(props) {
+    (0, _classCallCheck3['default'])(this, FullCalendar);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
+
+    _initialiseProps.call(_this);
+
+    var type = void 0;
+    if ('type' in props) {
+      type = props.type;
+    } else {
+      type = props.defaultType;
+    }
+
+    _this.state = {
+      type: type,
+      value: props.value || props.defaultValue || (0, _dayjs2['default'])(),
+      selectedValue: props.selectedValue || props.defaultSelectedValue
+    };
+    return _this;
+  }
+
+  FullCalendar.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {
+    var newState = {};
+    var value = nextProps.value,
+        selectedValue = nextProps.selectedValue;
+
+
+    if ('type' in nextProps) {
+      newState = {
+        type: nextProps.type
+      };
+    }
+    if ('value' in nextProps) {
+      newState.value = value || nextProps.defaultValue || (0, _CalendarMixin.getNowByCurrentStateValue)(state.value);
+    }
+    if ('selectedValue' in nextProps) {
+      newState.selectedValue = selectedValue;
+    }
+
+    return newState;
+  };
+
+  FullCalendar.prototype.render = function render() {
+    var props = this.props;
+    var locale = props.locale,
+        prefixCls = props.prefixCls,
+        fullscreen = props.fullscreen,
+        showHeader = props.showHeader,
+        headerComponent = props.headerComponent,
+        headerRender = props.headerRender,
+        disabledDate = props.disabledDate;
+    var _state = this.state,
+        value = _state.value,
+        type = _state.type;
+
+
+    var header = null;
+    if (showHeader) {
+      if (headerRender) {
+        header = headerRender(value, type, locale);
+      } else {
+        var TheHeader = headerComponent || _CalendarHeader2['default'];
+        header = _react2['default'].createElement(TheHeader, (0, _extends3['default'])({
+          key: 'calendar-header'
+        }, props, {
+          prefixCls: prefixCls + '-full',
+          type: type,
+          value: value,
+          onTypeChange: this.setType,
+          onValueChange: this.setValue
+        }));
+      }
+    }
+
+    var table = type === 'date' ? _react2['default'].createElement(_DateTable2['default'], {
+      dateRender: props.dateCellRender,
+      contentRender: props.dateCellContentRender,
+      locale: locale,
+      prefixCls: prefixCls,
+      onSelect: this.onSelect,
+      value: value,
+      disabledDate: disabledDate
+    }) : _react2['default'].createElement(_MonthTable2['default'], {
+      cellRender: props.monthCellRender,
+      contentRender: props.monthCellContentRender,
+      locale: locale,
+      onSelect: this.onMonthSelect,
+      prefixCls: prefixCls + '-month-panel',
+      value: value,
+      disabledDate: disabledDate
+    });
+
+    var children = [header, _react2['default'].createElement(
+      'div',
+      { key: 'calendar-body', className: prefixCls + '-calendar-body' },
+      table
+    )];
+
+    var className = [prefixCls + '-full'];
+
+    if (fullscreen) {
+      className.push(prefixCls + '-fullscreen');
+    }
+
+    return this.renderRoot({
+      children: children,
+      className: className.join(' ')
+    });
+  };
+
+  return FullCalendar;
+}(_react2['default'].Component);
+
+FullCalendar.propTypes = (0, _extends3['default'])({}, _CalendarMixin.calendarMixinPropTypes, _CommonMixin.propType, {
+  defaultType: _propTypes2['default'].string,
+  type: _propTypes2['default'].string,
+  prefixCls: _propTypes2['default'].string,
+  locale: _propTypes2['default'].object,
+  onTypeChange: _propTypes2['default'].func,
+  fullscreen: _propTypes2['default'].bool,
+  monthCellRender: _propTypes2['default'].func,
+  dateCellRender: _propTypes2['default'].func,
+  showTypeSwitch: _propTypes2['default'].bool,
+  Select: _propTypes2['default'].func.isRequired,
+  headerComponents: _propTypes2['default'].array,
+  headerComponent: _propTypes2['default'].object, // The whole header component
+  headerRender: _propTypes2['default'].func,
+  showHeader: _propTypes2['default'].bool,
+  disabledDate: _propTypes2['default'].func,
+  value: _propTypes2['default'].object,
+  defaultValue: _propTypes2['default'].object,
+  selectedValue: _propTypes2['default'].object,
+  defaultSelectedValue: _propTypes2['default'].object
+});
+FullCalendar.defaultProps = (0, _extends3['default'])({}, _CalendarMixin.calendarMixinDefaultProps, _CommonMixin.defaultProp, {
+  defaultType: 'date',
+  fullscreen: false,
+  showTypeSwitch: true,
+  showHeader: true,
+  onTypeChange: function onTypeChange() {}
+});
+
+var _initialiseProps = function _initialiseProps() {
+  var _this2 = this;
+
+  this.onMonthSelect = function (value) {
+    _this2.onSelect(value, {
+      target: 'month'
+    });
+  };
+
+  this.setType = function (type) {
+    if (!('type' in _this2.props)) {
+      _this2.setState({
+        type: type
+      });
+    }
+    _this2.props.onTypeChange(type);
+  };
+};
+
+(0, _reactLifecyclesCompat.polyfill)(FullCalendar);
+
+exports['default'] = (0, _CalendarMixin.calendarMixinWrapper)((0, _CommonMixin.commonMixinWrapper)(FullCalendar));
+module.exports = exports['default'];

package/lib/MonthCalendar.js

@@ -0,0 +1,172 @@
+'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 _KeyCode = require('rc-util/lib/KeyCode');
+
+var _KeyCode2 = _interopRequireDefault(_KeyCode);
+
+var _reactLifecyclesCompat = require('react-lifecycles-compat');
+
+var _CalendarHeader = require('./calendar/CalendarHeader');
+
+var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
+
+var _CalendarFooter = require('./calendar/CalendarFooter');
+
+var _CalendarFooter2 = _interopRequireDefault(_CalendarFooter);
+
+var _CalendarMixin = require('./mixin/CalendarMixin');
+
+var _CommonMixin = require('./mixin/CommonMixin');
+
+var _dayjs = require('./util/dayjs');
+
+var _dayjs2 = _interopRequireDefault(_dayjs);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var MonthCalendar = function (_React$Component) {
+  (0, _inherits3['default'])(MonthCalendar, _React$Component);
+
+  function MonthCalendar(props) {
+    (0, _classCallCheck3['default'])(this, MonthCalendar);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
+
+    _this.onKeyDown = function (event) {
+      var keyCode = event.keyCode;
+      var ctrlKey = event.ctrlKey || event.metaKey;
+      var stateValue = _this.state.value;
+      var disabledDate = _this.props.disabledDate;
+
+      var value = stateValue;
+      switch (keyCode) {
+        case _KeyCode2['default'].DOWN:
+          value = stateValue.clone();
+          value = value.add(3, 'months');
+          break;
+        case _KeyCode2['default'].UP:
+          value = stateValue.clone();
+          value = value.add(-3, 'months');
+          break;
+        case _KeyCode2['default'].LEFT:
+          value = stateValue.clone();
+          if (ctrlKey) {
+            value = value.add(-1, 'years');
+          } else {
+            value = value.add(-1, 'months');
+          }
+          break;
+        case _KeyCode2['default'].RIGHT:
+          value = stateValue.clone();
+          if (ctrlKey) {
+            value = value.add(1, 'years');
+          } else {
+            value = value.add(1, 'months');
+          }
+          break;
+        case _KeyCode2['default'].ENTER:
+          if (!disabledDate || !disabledDate(stateValue)) {
+            _this.onSelect(stateValue);
+          }
+          event.preventDefault();
+          return 1;
+        default:
+          return undefined;
+      }
+      if (value !== stateValue) {
+        _this.setValue(value);
+        event.preventDefault();
+        return 1;
+      }
+    };
+
+    _this.handlePanelChange = function (_, mode) {
+      if (mode !== 'date') {
+        _this.setState({ mode: mode });
+      }
+    };
+
+    _this.state = {
+      mode: 'month',
+      value: props.value || props.defaultValue || (0, _dayjs2['default'])(),
+      selectedValue: props.selectedValue || props.defaultSelectedValue
+    };
+    return _this;
+  }
+
+  MonthCalendar.prototype.render = function render() {
+    var props = this.props,
+        state = this.state;
+    var mode = state.mode,
+        value = state.value;
+
+    var children = _react2['default'].createElement(
+      'div',
+      { className: props.prefixCls + '-month-calendar-content' },
+      _react2['default'].createElement(
+        'div',
+        { className: props.prefixCls + '-month-header-wrap' },
+        _react2['default'].createElement(_CalendarHeader2['default'], {
+          prefixCls: props.prefixCls,
+          mode: mode,
+          value: value,
+          locale: props.locale,
+          disabledMonth: props.disabledDate,
+          monthCellRender: props.monthCellRender,
+          monthCellContentRender: props.monthCellContentRender,
+          onMonthSelect: this.onSelect,
+          onValueChange: this.setValue,
+          onPanelChange: this.handlePanelChange
+        })
+      ),
+      _react2['default'].createElement(_CalendarFooter2['default'], {
+        prefixCls: props.prefixCls,
+        renderFooter: props.renderFooter
+      })
+    );
+    return this.renderRoot({
+      className: props.prefixCls + '-month-calendar',
+      children: children
+    });
+  };
+
+  return MonthCalendar;
+}(_react2['default'].Component);
+
+MonthCalendar.propTypes = (0, _extends3['default'])({}, _CalendarMixin.calendarMixinPropTypes, _CommonMixin.propType, {
+  monthCellRender: _propTypes2['default'].func,
+  value: _propTypes2['default'].object,
+  defaultValue: _propTypes2['default'].object,
+  selectedValue: _propTypes2['default'].object,
+  defaultSelectedValue: _propTypes2['default'].object,
+  disabledDate: _propTypes2['default'].func
+});
+MonthCalendar.defaultProps = (0, _extends3['default'])({}, _CommonMixin.defaultProp, _CalendarMixin.calendarMixinDefaultProps);
+exports['default'] = (0, _reactLifecyclesCompat.polyfill)((0, _CalendarMixin.calendarMixinWrapper)((0, _CommonMixin.commonMixinWrapper)(MonthCalendar)));
+module.exports = exports['default'];

package/lib/Picker.js

@@ -0,0 +1,282 @@
+'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 _reactDom = require('react-dom');
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _reactLifecyclesCompat = require('react-lifecycles-compat');
+
+var _createChainedFunction = require('rc-util/lib/createChainedFunction');
+
+var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
+
+var _KeyCode = require('rc-util/lib/KeyCode');
+
+var _KeyCode2 = _interopRequireDefault(_KeyCode);
+
+var _placements = require('./picker/placements');
+
+var _placements2 = _interopRequireDefault(_placements);
+
+var _rcTrigger = require('rc-trigger');
+
+var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+function noop() {}
+
+function refFn(field, component) {
+  this[field] = component;
+}
+
+var Picker = function (_React$Component) {
+  (0, _inherits3['default'])(Picker, _React$Component);
+
+  function Picker(props) {
+    (0, _classCallCheck3['default'])(this, Picker);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
+
+    _initialiseProps.call(_this);
+
+    var open = void 0;
+    if ('open' in props) {
+      open = props.open;
+    } else {
+      open = props.defaultOpen;
+    }
+    var value = props.value || props.defaultValue;
+    _this.saveCalendarRef = refFn.bind(_this, 'calendarInstance');
+
+    _this.state = {
+      open: open,
+      value: value
+    };
+    return _this;
+  }
+
+  Picker.prototype.componentDidUpdate = function componentDidUpdate(_, prevState) {
+    if (!prevState.open && this.state.open) {
+      // setTimeout is for making sure saveCalendarRef happen before focusCalendar
+      this.focusTimeout = setTimeout(this.focusCalendar, 0, this);
+    }
+  };
+
+  Picker.prototype.componentWillUnmount = function componentWillUnmount() {
+    clearTimeout(this.focusTimeout);
+  };
+
+  Picker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {
+    var newState = {};
+    var value = nextProps.value,
+        open = nextProps.open;
+
+    if ('value' in nextProps) {
+      newState.value = value;
+    }
+    if (open !== undefined) {
+      newState.open = open;
+    }
+    return newState;
+  };
+
+  Picker.prototype.render = function render() {
+    var props = this.props;
+    var prefixCls = props.prefixCls,
+        placement = props.placement,
+        style = props.style,
+        getCalendarContainer = props.getCalendarContainer,
+        align = props.align,
+        animation = props.animation,
+        disabled = props.disabled,
+        dropdownClassName = props.dropdownClassName,
+        transitionName = props.transitionName,
+        children = props.children;
+
+    var state = this.state;
+    return _react2['default'].createElement(
+      _rcTrigger2['default'],
+      {
+        popup: this.getCalendarElement(),
+        popupAlign: align,
+        builtinPlacements: _placements2['default'],
+        popupPlacement: placement,
+        action: disabled && !state.open ? [] : ['click'],
+        destroyPopupOnHide: true,
+        getPopupContainer: getCalendarContainer,
+        popupStyle: style,
+        popupAnimation: animation,
+        popupTransitionName: transitionName,
+        popupVisible: state.open,
+        onPopupVisibleChange: this.onVisibleChange,
+        prefixCls: prefixCls,
+        popupClassName: dropdownClassName
+      },
+      _react2['default'].cloneElement(children(state, props), { onKeyDown: this.onKeyDown })
+    );
+  };
+
+  return Picker;
+}(_react2['default'].Component);
+
+Picker.propTypes = {
+  animation: _propTypes2['default'].oneOfType([_propTypes2['default'].func, _propTypes2['default'].string]),
+  disabled: _propTypes2['default'].bool,
+  transitionName: _propTypes2['default'].string,
+  onChange: _propTypes2['default'].func,
+  onOpenChange: _propTypes2['default'].func,
+  children: _propTypes2['default'].func,
+  getCalendarContainer: _propTypes2['default'].func,
+  calendar: _propTypes2['default'].element,
+  style: _propTypes2['default'].object,
+  open: _propTypes2['default'].bool,
+  defaultOpen: _propTypes2['default'].bool,
+  prefixCls: _propTypes2['default'].string,
+  placement: _propTypes2['default'].any,
+  value: _propTypes2['default'].oneOfType([_propTypes2['default'].object, _propTypes2['default'].array]),
+  defaultValue: _propTypes2['default'].oneOfType([_propTypes2['default'].object, _propTypes2['default'].array]),
+  align: _propTypes2['default'].object,
+  dateRender: _propTypes2['default'].func,
+  onBlur: _propTypes2['default'].func
+};
+Picker.defaultProps = {
+  prefixCls: 'rc-calendar-picker',
+  style: {},
+  align: {},
+  placement: 'bottomLeft',
+  defaultOpen: false,
+  onChange: noop,
+  onOpenChange: noop,
+  onBlur: noop
+};
+
+var _initialiseProps = function _initialiseProps() {
+  var _this2 = this;
+
+  this.onCalendarKeyDown = function (event) {
+    if (event.keyCode === _KeyCode2['default'].ESC) {
+      event.stopPropagation();
+      _this2.close(_this2.focus);
+    }
+  };
+
+  this.onCalendarSelect = function (value) {
+    var cause = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    var props = _this2.props;
+    if (!('value' in props)) {
+      _this2.setState({
+        value: value
+      });
+    }
+    if (cause.source === 'keyboard' || cause.source === 'dateInputSelect' || !props.calendar.props.timePicker && cause.source !== 'dateInput' || cause.source === 'todayButton') {
+      _this2.close(_this2.focus);
+    }
+    props.onChange(value);
+  };
+
+  this.onKeyDown = function (event) {
+    if (!_this2.state.open && (event.keyCode === _KeyCode2['default'].DOWN || event.keyCode === _KeyCode2['default'].ENTER)) {
+      _this2.open();
+      event.preventDefault();
+    }
+  };
+
+  this.onCalendarOk = function () {
+    _this2.close(_this2.focus);
+  };
+
+  this.onCalendarClear = function () {
+    _this2.close(_this2.focus);
+  };
+
+  this.onCalendarBlur = function () {
+    _this2.setOpen(false);
+  };
+
+  this.onVisibleChange = function (open) {
+    _this2.setOpen(open);
+  };
+
+  this.getCalendarElement = function () {
+    var props = _this2.props;
+    var state = _this2.state;
+    var calendarProps = props.calendar.props;
+    var value = state.value;
+
+    var defaultValue = value;
+    var extraProps = {
+      ref: _this2.saveCalendarRef,
+      defaultValue: defaultValue || calendarProps.defaultValue,
+      selectedValue: value,
+      onKeyDown: _this2.onCalendarKeyDown,
+      onOk: (0, _createChainedFunction2['default'])(calendarProps.onOk, _this2.onCalendarOk),
+      onSelect: (0, _createChainedFunction2['default'])(calendarProps.onSelect, _this2.onCalendarSelect),
+      onClear: (0, _createChainedFunction2['default'])(calendarProps.onClear, _this2.onCalendarClear),
+      onBlur: (0, _createChainedFunction2['default'])(calendarProps.onBlur, _this2.onCalendarBlur)
+    };
+
+    return _react2['default'].cloneElement(props.calendar, extraProps);
+  };
+
+  this.setOpen = function (open, callback) {
+    var onOpenChange = _this2.props.onOpenChange;
+
+    if (_this2.state.open !== open) {
+      if (!('open' in _this2.props)) {
+        _this2.setState({
+          open: open
+        }, callback);
+      }
+      onOpenChange(open);
+    }
+  };
+
+  this.open = function (callback) {
+    _this2.setOpen(true, callback);
+  };
+
+  this.close = function (callback) {
+    _this2.setOpen(false, callback);
+  };
+
+  this.focus = function () {
+    if (!_this2.state.open) {
+      _reactDom2['default'].findDOMNode(_this2).focus();
+    }
+  };
+
+  this.focusCalendar = function () {
+    if (_this2.state.open && !!_this2.calendarInstance) {
+      _this2.calendarInstance.focus();
+    }
+  };
+};
+
+(0, _reactLifecyclesCompat.polyfill)(Picker);
+
+exports['default'] = Picker;
+module.exports = exports['default'];