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.umd.js
CHANGED
@@ -2625,6 +2625,9 @@
|
|
2625
2625
|
to = _useState3[0],
|
2626
2626
|
setTo = _useState3[1];
|
2627
2627
|
|
2628
|
+
React.useEffect(function () {
|
2629
|
+
showThisWeek();
|
2630
|
+
}, []);
|
2628
2631
|
React.useEffect(function () {
|
2629
2632
|
var element = document.getElementById(focusEvent);
|
2630
2633
|
if (element) element.scrollIntoView({
|
@@ -2663,6 +2666,15 @@
|
|
2663
2666
|
if (onSelectCell) onSelectCell(lane, date);
|
2664
2667
|
}
|
2665
2668
|
|
2669
|
+
function showThisWeek() {
|
2670
|
+
var element = document.querySelector(".thisMonday");
|
2671
|
+
if (element) element.scrollIntoView({
|
2672
|
+
behavior: 'smooth',
|
2673
|
+
block: 'start',
|
2674
|
+
inline: 'start'
|
2675
|
+
});
|
2676
|
+
}
|
2677
|
+
|
2666
2678
|
var period = React.useMemo(function () {
|
2667
2679
|
var start = ranges(from, "YYYY-MM-DD");
|
2668
2680
|
var end = ranges(to, "YYYY-MM-DD");
|
@@ -2684,7 +2696,11 @@
|
|
2684
2696
|
className: "planner-box"
|
2685
2697
|
}, navigation ? /*#__PURE__*/React__default["default"].createElement(Header, {
|
2686
2698
|
title: label
|
2687
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
2699
|
+
}, "\xA0\xA0", /*#__PURE__*/React__default["default"].createElement(Button, {
|
2700
|
+
label: "Esta Semana",
|
2701
|
+
outlined: true,
|
2702
|
+
action: showThisWeek
|
2703
|
+
}), /*#__PURE__*/React__default["default"].createElement(Icon, {
|
2688
2704
|
icon: "chevron_right",
|
2689
2705
|
clickable: true,
|
2690
2706
|
action: next
|
@@ -2748,10 +2764,11 @@
|
|
2748
2764
|
}, period.map(function (date) {
|
2749
2765
|
var isWekend = [0, 6].includes(date.moment.day());
|
2750
2766
|
var weekend = isWekend ? "weekend" : "";
|
2767
|
+
var thisWeek = moment__default["default"]().startOf('week').isSame(date.moment, "week") ? "thisWeek" : "";
|
2751
2768
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
2752
2769
|
className: "column-header"
|
2753
2770
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
2754
|
-
className: "date-header " + weekend
|
2771
|
+
className: "date-header " + weekend + " " + thisWeek
|
2755
2772
|
}, /*#__PURE__*/React__default["default"].createElement(Text, {
|
2756
2773
|
use: "headline6"
|
2757
2774
|
}, date.moment.format("DD")), "\xA0", /*#__PURE__*/React__default["default"].createElement(Text, {
|
@@ -2853,9 +2870,12 @@
|
|
2853
2870
|
|
2854
2871
|
var isWekend = [0, 6].includes(date.moment.day());
|
2855
2872
|
var weekend = isWekend ? "weekend" : "";
|
2873
|
+
var today = moment__default["default"]();
|
2874
|
+
var weekStart = today.clone().startOf('week');
|
2875
|
+
var thisMonday = date.moment.isSame(weekStart) ? "thisMonday" : "";
|
2856
2876
|
var dragOverStyle = dragOver ? "drag-over" : "";
|
2857
2877
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
2858
|
-
className: "cell " + weekend + " " + dragOverStyle,
|
2878
|
+
className: "cell " + thisMonday + " " + weekend + " " + dragOverStyle,
|
2859
2879
|
onDragOver: onDragOver,
|
2860
2880
|
onDragLeave: onDragLeave,
|
2861
2881
|
onDrop: drop,
|