ywana-core8 0.0.938 → 0.0.940

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1502,7 +1502,8 @@ var DropDown = function DropDown(props) {
1502
1502
  editable = _props$editable === void 0 ? false : _props$editable,
1503
1503
  onBlur = props.onBlur,
1504
1504
  _props$position = props.position,
1505
- position = _props$position === void 0 ? "bottom" : _props$position;
1505
+ position = _props$position === void 0 ? "bottom" : _props$position,
1506
+ className = props.className;
1506
1507
  var _useState = React.useState(false),
1507
1508
  open = _useState[0],
1508
1509
  setOpen = _useState[1];
@@ -1591,7 +1592,7 @@ var DropDown = function DropDown(props) {
1591
1592
  size: "small"
1592
1593
  })) : props.label;
1593
1594
  return /*#__PURE__*/React__default["default"].createElement("div", {
1594
- className: "dropdown"
1595
+ className: "dropdown " + className
1595
1596
  }, /*#__PURE__*/React__default["default"].createElement(TextField, _extends({}, props, {
1596
1597
  label: title,
1597
1598
  onClick: onFocus,
@@ -5749,10 +5750,13 @@ var Planner2 = function Planner2(_ref) {
5749
5750
  days = _useState[0],
5750
5751
  setDays = _useState[1];
5751
5752
  var lastDay = new Date(to);
5753
+ var today = new Date();
5752
5754
  React.useEffect(function () {
5753
5755
  var day = new Date(from);
5754
5756
  var nextDays = [];
5755
5757
  while (day <= lastDay) {
5758
+ var isToday = day.getDate() === today.getDate() && day.getMonth() === today.getMonth() && day.getFullYear() === today.getFullYear();
5759
+ var isWeekend = day.getDay() === 0 || day.getDay() === 6;
5756
5760
  nextDays.push({
5757
5761
  day: day.getDate(),
5758
5762
  weekday: day.toLocaleString('en-US', {
@@ -5762,12 +5766,23 @@ var Planner2 = function Planner2(_ref) {
5762
5766
  month: 'short'
5763
5767
  }),
5764
5768
  monthNum: day.getMonth() + 1,
5765
- year: day.getFullYear()
5769
+ year: day.getFullYear(),
5770
+ isToday: isToday,
5771
+ isWeekend: isWeekend,
5772
+ isInCurrentWeek: isInCurrentWeek(day)
5766
5773
  });
5767
5774
  day.setDate(day.getDate() + 1);
5768
5775
  }
5769
5776
  setDays(nextDays);
5770
5777
  }, [from, to]);
5778
+ function isInCurrentWeek(date) {
5779
+ var today = new Date();
5780
+ var first = today.getDate() - today.getDay();
5781
+ var last = first + 5;
5782
+ var firstDay = new Date(today.setDate(first));
5783
+ var lastDay = new Date(today.setDate(last));
5784
+ return date >= firstDay && date <= lastDay;
5785
+ }
5771
5786
  function selectCell(cell) {
5772
5787
  if (onSelectCell) onSelectCell(cell);
5773
5788
  }
@@ -5822,9 +5837,17 @@ var Planner2 = function Planner2(_ref) {
5822
5837
  }), days.map(function (_ref3) {
5823
5838
  var day = _ref3.day,
5824
5839
  weekday = _ref3.weekday,
5825
- month = _ref3.month;
5840
+ month = _ref3.month,
5841
+ _ref3$isToday = _ref3.isToday,
5842
+ isToday = _ref3$isToday === void 0 ? false : _ref3$isToday,
5843
+ _ref3$isWeekend = _ref3.isWeekend,
5844
+ isWeekend = _ref3$isWeekend === void 0 ? false : _ref3$isWeekend,
5845
+ isInCurrentWeek = _ref3.isInCurrentWeek;
5846
+ var todayClass = isToday ? 'today' : '';
5847
+ var weekendClass = isWeekend ? 'weekend' : '';
5848
+ var currentWeekClass = isInCurrentWeek ? 'current-week' : '';
5826
5849
  return /*#__PURE__*/React__default["default"].createElement("div", {
5827
- className: "day-cell",
5850
+ className: "day-cell " + todayClass + " " + weekendClass + " " + currentWeekClass,
5828
5851
  style: {
5829
5852
  minWidth: dayWidth,
5830
5853
  maxWidth: dayWidth
@@ -5854,14 +5877,16 @@ var Planner2 = function Planner2(_ref) {
5854
5877
  var day = _ref4.day,
5855
5878
  month = _ref4.month,
5856
5879
  monthNum = _ref4.monthNum,
5857
- year = _ref4.year;
5880
+ year = _ref4.year,
5881
+ isWeekend = _ref4.isWeekend;
5858
5882
  var dayDate = new Date(year, monthNum - 1, day);
5859
5883
  var dayEvents = laneEvents.filter(function (event) {
5860
5884
  var eventDate = new Date(event.date);
5861
5885
  return eventDate.getDate() === dayDate.getDate() && eventDate.getMonth() === dayDate.getMonth() && eventDate.getFullYear() === dayDate.getFullYear();
5862
5886
  });
5887
+ var weekendClass = isWeekend ? 'weekend' : '';
5863
5888
  return /*#__PURE__*/React__default["default"].createElement("div", {
5864
- className: "content-cell",
5889
+ className: "content-cell " + weekendClass,
5865
5890
  style: {
5866
5891
  minWidth: dayWidth,
5867
5892
  maxWidth: dayWidth