ywana-core8 0.0.517 → 0.0.518
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 +23 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +7 -0
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +23 -3
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +23 -3
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/widgets/planner/Planner.css +5 -0
- package/src/widgets/planner/Planner.js +23 -3
- package/src/widgets/planner/Planner.test.js +2 -2
- package/src/widgets/planner/Planner2.css +7 -0
package/dist/index.cjs
CHANGED
|
@@ -2630,6 +2630,9 @@ var Planner = function Planner(_ref) {
|
|
|
2630
2630
|
to = _useState3[0],
|
|
2631
2631
|
setTo = _useState3[1];
|
|
2632
2632
|
|
|
2633
|
+
React.useEffect(function () {
|
|
2634
|
+
showThisWeek();
|
|
2635
|
+
}, []);
|
|
2633
2636
|
React.useEffect(function () {
|
|
2634
2637
|
var element = document.getElementById(focusEvent);
|
|
2635
2638
|
if (element) element.scrollIntoView({
|
|
@@ -2668,6 +2671,15 @@ var Planner = function Planner(_ref) {
|
|
|
2668
2671
|
if (onSelectCell) onSelectCell(lane, date);
|
|
2669
2672
|
}
|
|
2670
2673
|
|
|
2674
|
+
function showThisWeek() {
|
|
2675
|
+
var element = document.querySelector(".thisMonday");
|
|
2676
|
+
if (element) element.scrollIntoView({
|
|
2677
|
+
behavior: 'smooth',
|
|
2678
|
+
block: 'start',
|
|
2679
|
+
inline: 'start'
|
|
2680
|
+
});
|
|
2681
|
+
}
|
|
2682
|
+
|
|
2671
2683
|
var period = React.useMemo(function () {
|
|
2672
2684
|
var start = ranges(from, "YYYY-MM-DD");
|
|
2673
2685
|
var end = ranges(to, "YYYY-MM-DD");
|
|
@@ -2689,7 +2701,11 @@ var Planner = function Planner(_ref) {
|
|
|
2689
2701
|
className: "planner-box"
|
|
2690
2702
|
}, navigation ? /*#__PURE__*/React__default["default"].createElement(Header, {
|
|
2691
2703
|
title: label
|
|
2692
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
2704
|
+
}, "\xA0\xA0", /*#__PURE__*/React__default["default"].createElement(Button, {
|
|
2705
|
+
label: "Esta Semana",
|
|
2706
|
+
outlined: true,
|
|
2707
|
+
action: showThisWeek
|
|
2708
|
+
}), /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
2693
2709
|
icon: "chevron_right",
|
|
2694
2710
|
clickable: true,
|
|
2695
2711
|
action: next
|
|
@@ -2753,10 +2769,11 @@ var Planner = function Planner(_ref) {
|
|
|
2753
2769
|
}, period.map(function (date) {
|
|
2754
2770
|
var isWekend = [0, 6].includes(date.moment.day());
|
|
2755
2771
|
var weekend = isWekend ? "weekend" : "";
|
|
2772
|
+
var thisWeek = moment__default["default"]().startOf('week').isSame(date.moment, "week") ? "thisWeek" : "";
|
|
2756
2773
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2757
2774
|
className: "column-header"
|
|
2758
2775
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2759
|
-
className: "date-header " + weekend
|
|
2776
|
+
className: "date-header " + weekend + " " + thisWeek
|
|
2760
2777
|
}, /*#__PURE__*/React__default["default"].createElement(Text, {
|
|
2761
2778
|
use: "headline6"
|
|
2762
2779
|
}, date.moment.format("DD")), "\xA0", /*#__PURE__*/React__default["default"].createElement(Text, {
|
|
@@ -2858,9 +2875,12 @@ var PlannerCell = function PlannerCell(_ref2) {
|
|
|
2858
2875
|
|
|
2859
2876
|
var isWekend = [0, 6].includes(date.moment.day());
|
|
2860
2877
|
var weekend = isWekend ? "weekend" : "";
|
|
2878
|
+
var today = moment__default["default"]();
|
|
2879
|
+
var weekStart = today.clone().startOf('week');
|
|
2880
|
+
var thisMonday = date.moment.isSame(weekStart) ? "thisMonday" : "";
|
|
2861
2881
|
var dragOverStyle = dragOver ? "drag-over" : "";
|
|
2862
2882
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2863
|
-
className: "cell " + weekend + " " + dragOverStyle,
|
|
2883
|
+
className: "cell " + thisMonday + " " + weekend + " " + dragOverStyle,
|
|
2864
2884
|
onDragOver: onDragOver,
|
|
2865
2885
|
onDragLeave: onDragLeave,
|
|
2866
2886
|
onDrop: drop,
|