@seafile/seafile-calendar 0.0.17 → 0.0.20

package/lib/year/YearPanel.js

@@ -0,0 +1,227 @@
+'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);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var ROW = 4;
+var COL = 3;
+
+function goYear(direction) {
+  var value = this.state.value.clone();
+  value = value.add(direction, 'year');
+  this.setState({
+    value: value
+  });
+}
+
+function chooseYear(year) {
+  var value = this.state.value.clone();
+  value = value.year(year);
+  value = value.month(this.state.value.month());
+  this.setState({
+    value: value
+  });
+  this.props.onSelect(value);
+}
+
+var YearPanel = function (_React$Component) {
+  (0, _inherits3['default'])(YearPanel, _React$Component);
+
+  function YearPanel(props) {
+    (0, _classCallCheck3['default'])(this, YearPanel);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(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 _react2['default'].createElement(
+          'td',
+          {
+            role: 'gridcell',
+            title: yearData.title,
+            key: yearData.content,
+            onClick: clickHandler,
+            className: (0, _classnames2['default'])(classNameMap)
+          },
+          _react2['default'].createElement(
+            'a',
+            {
+              className: prefixCls + '-year'
+            },
+            yearData.content
+          )
+        );
+      });
+      return _react2['default'].createElement(
+        'tr',
+        { key: index, role: 'row' },
+        tds
+      );
+    });
+
+    var footer = renderFooter && renderFooter('year');
+
+    return _react2['default'].createElement(
+      'div',
+      { className: this.prefixCls },
+      _react2['default'].createElement(
+        'div',
+        null,
+        _react2['default'].createElement(
+          'div',
+          { className: prefixCls + '-header' },
+          _react2['default'].createElement('a', {
+            className: prefixCls + '-prev-decade-btn',
+            role: 'button',
+            onClick: this.previousDecade,
+            title: locale.previousDecade
+          }),
+          _react2['default'].createElement(
+            'a',
+            {
+              className: prefixCls + '-decade-select',
+              role: 'button',
+              onClick: props.onDecadePanelShow,
+              title: locale.decadeSelect
+            },
+            _react2['default'].createElement(
+              'span',
+              { className: prefixCls + '-decade-select-content' },
+              startYear,
+              '-',
+              endYear
+            ),
+            _react2['default'].createElement(
+              'span',
+              { className: prefixCls + '-decade-select-arrow' },
+              'x'
+            )
+          ),
+          _react2['default'].createElement('a', {
+            className: prefixCls + '-next-decade-btn',
+            role: 'button',
+            onClick: this.nextDecade,
+            title: locale.nextDecade
+          })
+        ),
+        _react2['default'].createElement(
+          'div',
+          { className: prefixCls + '-body' },
+          _react2['default'].createElement(
+            'table',
+            { className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
+            _react2['default'].createElement(
+              'tbody',
+              { className: prefixCls + '-tbody' },
+              yeasEls
+            )
+          )
+        ),
+        footer && _react2['default'].createElement(
+          'div',
+          { className: prefixCls + '-footer' },
+          footer
+        )
+      )
+    );
+  };
+
+  return YearPanel;
+}(_react2['default'].Component);
+
+exports['default'] = YearPanel;
+
+
+YearPanel.propTypes = {
+  rootPrefixCls: _propTypes2['default'].string,
+  value: _propTypes2['default'].object,
+  defaultValue: _propTypes2['default'].object,
+  renderFooter: _propTypes2['default'].func
+};
+
+YearPanel.defaultProps = {
+  onSelect: function onSelect() {}
+};
+module.exports = exports['default'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-calendar",
-  "version": "0.0.17",
+  "version": "0.0.20",
   "description": "React Calendar",
   "keywords": [
     "react",

package/HISTORY.md

@@ -1,263 +0,0 @@
-# History
-----
-## 9.15.0 / 2019-05-26
-
-- Support Malay locales
-
-## 9.15.0 / 2019-06-06
-
-- Add numeric keyboard support
-
-## 9.14.0 / 2019-05-24
-
-- Support Latvian locales
-
-## 9.13.0 / 2019-04-02
-
-- Support close onBlur
-
-## 9.12.0 / 2019-03-16
-
-- RangerPicker support null as start or end
-
-## 9.11.0 / 2019-03-14
-
-- RangerPicker can select same month
-
-## 9.10.0 / 2019-01-02
-
-- add `focusablePanel` prop.
-
-## 9.9.0 / 2018-12-23
-
-- `renderFooter(mode)` support all modes.
-
-## 9.8.0 / 2018-11-30
-
-- DateInput support multiple date format
-
-## 9.7.0 / 2018-08-07
-
-- Add clearIcon.
-
-## 9.6.0 / 2018-02-08
-
-- Add Picker[dropdownClassName]
-
-## 9.5.0 / 2017-12-26
-
-- Add Kurdish
-
-## 9.4.0 / 2017-12-26
-
-- Add Uyghur
-
-## 9.2.0 / 2017-11-06
-
-- React 16 support
-
-## 9.1.0 / 2017-07-27
-- Support control panel [#284](https://github.com/react-component/calendar/pull/284)
-
-## 9.0.0 / 2017-07-27
-- Replace react string refs with function way [#282](https://github.com/react-component/calendar/pull/282)
-
-## 8.4.0 / 2017-05-31
-
-- Supporting Bulgarian.
-- UX: can select end date first, and then start date.
-
-## 8.3.0 / 2017-05-18
-
-- expose hoverValue as controlled property and onHoverChange
-
-## 8.2.0 / 2017-05-16
-
-- Time of `Calendar[timePicker]` & `RangeCalendar[timePicker]` could be set now
-- Fix that two panels of RangeCalendar should not be the same month
-
-## 8.1.0 / 2017-04-10
-
-- Add locale fi_FI
-
-## 8.0.0 / 2017-04-07
-
-- Improve UX of RangeCalendar
-- A breaking change for hidden API
-
-## 7.8.0 / 2017-04-01
-
-- zh-TW locale
-- tr-TR locale
-
-## 7.6.0 / 2017-01-11
-
-- remove arrow inside year and century panel
-
-## 7.5.0 / 2016-11-16
-
-- add showToday for RangeCalendar
-
-## 7.4.0 / 2016-11-01
-
-- add monthCellContentRender/cellContentRender for MonthCalendar
-
-## 7.3.0 / 2016-10-18
-
-- disabledTime support type param for range-calendar
-
-## 7.2.0 / 2016-09-23
-
-- add week calendar example
-- support renderSidebar, renderFooter prop
-- add type prop to support start-end-range example
-- picker remove onClose, change onOpen to onOpenChange
-
-## 7.1.0 / 2016-09-10
-
-- use css pseudo after: https://github.com/react-component/calendar/pull/152
-
-## 7.0.0 / 2016-08-06
-
-- goodbye gregorian-calendar, hello moment
-
-## 6.0.0 / 2016-07-13
-
-- use rc-time-picker/lib/module/panel as timepicker element
-- merge date input and time input. formatter can control time part.
-
-## 5.6.0 / 2016-06-20
-
-- optimize keyboard, add onKeyDown for Picker children
-
-## 5.5.0 / 2016-03-22
-
-- support monthCellContentRender/dateCellContentRender
-
-## 5.3.0 / 2016-01-18
-
-- support clear for RangeCalendar
-
-## 5.1.0 / 2015-12-25
-
-- support dateInputPlaceholder for RangeCalendar
-
-## 5.0.0 / 2015-12-21
-
-- use rc-time-picker, add timePicker, disabledTime props
-- remove showTime props
-- remove bootstrap style
-
-## 4.0.0 / 2015-11-18
-
-- refactor!
-- support input inside rc-calendar
-- change MonthCalendar to require('rc-calendar/lib/MonthCalendar')
-- change Picker to require('rc-calendar/lib/Picker')
-- change Picker's orient to placement and align as rc-trigger
-- add RangeCalendar: require('rc-calendar/lib/RangeCalendar')
-- add FullCalendar: require('rc-calendar/lib/FullCalendar')
-
-## 3.16.0 / 2015-08-25
-
--- add Calendar.MonthCalendar component
-
-## 3.15.0 / 2015-08-24
-
--- add onChange prop
-
-## 3.14.0 / 2015-08-21
-
--- remove renderCalendarToBody. defaults to true
-
-## 3.13.0 / 2015-08-15
-
-- support controlled open prop for Picker
-- add onOpen/onClose callback for Picker
-
-## 3.12.0 / 2015-07-30
-
-use rc-animate & rc-align (css change)
-
-## 3.11.0 / 2015-07-20
-
-support disabled prop for picker
-
-## 3.10.1 / 2015-07-02
-
-add adjustOrientOnCalendarOverflow prop for picker
-
-## 3.10.0 / 2015-07-01
-
-`new` support picker animation [#39](https://github.com/react-component/calendar/issues/39)
-
-## 3.9.0 / 2015-06-11
-
-`improved` fix by #33 #34 #35
-
-## 3.8.0 / 2015-06-03
-
-`improved` refactor by split components
-
-## 3.7.0 / 2015-06-01
-
-`improved` move nextDecade and prevDecade button to YearPanel body, optimize disable style for ant-design
-
-## 3.5.0 / 2015-05-26
-
-`new` publish transformed es5 code to npm
-
-## 3.4.0 / 2015-05-19
-
-`new` [#21](https://github.com/react-component/calendar/issues/21) add trigger prop for DatePicker
-
-## 3.3.0 / 2015-05-13
-
-use jsx as extension name
-
-## 3.2.0 / 2015-05-11
-
-add ant-design theme(index.css).
-
-## 3.1.1 / 2015-04-21
-
-fix ie broken focus
-
-## 3.1.0 / 2015-03-23
-
-`improved` [#17](https://github.com/react-component/calendar/issues/17) support today button to select
-
-## 3.0.0 / 2015-03-13
-
-upgrade to react 0.13 and es6
-
-## 2.1.0 / 2015-03-10
-
-`new` [#16](https://github.com/react-component/calendar/issues/16) support clear button
-
-## 2.0.0 / 2015-03-04
-
-`new` [#15](https://github.com/react-component/calendar/issues/15) support defaultValue
-`improved` upgrade gregorian-calendar and gregorian-calendar-format to 3.x
-
-## 1.5.0 / 2015-01-22
-
-`new` [#13](https://github.com/react-component/calendar/issues/13) support DatePicker
-
-## 1.4.0 / 2015-01-05
-
-`new` [#12](https://github.com/react-component/calendar/issues/12) support time select   ([@yiminghe](https://github.com/yiminghe))
-
-`new` [#11](https://github.com/react-component/calendar/issues/11) support prefixCls   ([@yiminghe](https://github.com/yiminghe))
-
-`new` [#10](https://github.com/react-component/calendar/issues/10) support nextMonth previousMonth in calendar panel   ([@yiminghe](https://github.com/yiminghe))
-
-## 1.3.0 / 2014-12-30
-
-`new` [#9](https://github.com/react-component/calendar/issues/9) support className prop   ([@yiminghe](https://github.com/yiminghe))
-
-`new` [#8](https://github.com/react-component/calendar/issues/8) support orient prop   ([@yiminghe](https://github.com/yiminghe))
-
-## 1.2.4 / 2014-12-26
-
-`new` [#7](https://github.com/react-component/calendar/issues/7) release 1.2.4   ([@yiminghe](https://github.com/yiminghe))