ywana-core8 0.0.515 → 0.0.518

package/dist/index.umd.js

@@ -2625,6 +2625,9 @@
         to = _useState3[0],
         setTo = _useState3[1];
 
+    React.useEffect(function () {
+      showThisWeek();
+    }, []);
     React.useEffect(function () {
       var element = document.getElementById(focusEvent);
       if (element) element.scrollIntoView({
@@ -2663,6 +2666,15 @@
       if (onSelectCell) onSelectCell(lane, date);
     }
 
+    function showThisWeek() {
+      var element = document.querySelector(".thisMonday");
+      if (element) element.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start',
+        inline: 'start'
+      });
+    }
+
     var period = React.useMemo(function () {
       var start = ranges(from, "YYYY-MM-DD");
       var end = ranges(to, "YYYY-MM-DD");
@@ -2684,7 +2696,11 @@
       className: "planner-box"
     }, navigation ? /*#__PURE__*/React__default["default"].createElement(Header, {
       title: label
-    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    }, "\xA0\xA0", /*#__PURE__*/React__default["default"].createElement(Button, {
+      label: "Esta Semana",
+      outlined: true,
+      action: showThisWeek
+    }), /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "chevron_right",
       clickable: true,
       action: next
@@ -2748,10 +2764,11 @@
     }, period.map(function (date) {
       var isWekend = [0, 6].includes(date.moment.day());
       var weekend = isWekend ? "weekend" : "";
+      var thisWeek = moment__default["default"]().startOf('week').isSame(date.moment, "week") ? "thisWeek" : "";
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "column-header"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "date-header " + weekend
+        className: "date-header " + weekend + " " + thisWeek
       }, /*#__PURE__*/React__default["default"].createElement(Text, {
         use: "headline6"
       }, date.moment.format("DD")), "\xA0", /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -2853,9 +2870,12 @@
 
     var isWekend = [0, 6].includes(date.moment.day());
     var weekend = isWekend ? "weekend" : "";
+    var today = moment__default["default"]();
+    var weekStart = today.clone().startOf('week');
+    var thisMonday = date.moment.isSame(weekStart) ? "thisMonday" : "";
     var dragOverStyle = dragOver ? "drag-over" : "";
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "cell " + weekend + " " + dragOverStyle,
+      className: "cell " + thisMonday + " " + weekend + " " + dragOverStyle,
       onDragOver: onDragOver,
       onDragLeave: onDragLeave,
       onDrop: drop,
@@ -4877,6 +4897,7 @@
         delay = _props$delay === void 0 ? 1000 : _props$delay,
         groupBy = props.groupBy,
         levels = props.levels,
+        sorter = props.sorter,
         editor = props.editor,
         children = props.children;
 
@@ -4945,7 +4966,8 @@
       schema: schema
     }) : null, levels ? /*#__PURE__*/React__default["default"].createElement(CollectionTree, {
       levels: levels,
-      onSelect: onSelect
+      onSelect: onSelect,
+      sorter: sorter
     }) : /*#__PURE__*/React__default["default"].createElement(CollectionList, {
       groupBy: groupBy,
       onSelect: onSelect
@@ -5086,7 +5108,8 @@
     };
 
     var levels = props.levels,
-        onSelect = props.onSelect;
+        onSelect = props.onSelect,
+        sorter = props.sorter;
 
     var _useContext3 = React.useContext(PageContext),
         pageContext = _useContext3[0],
@@ -5149,7 +5172,8 @@
       });
     }
 
-    var nodes = generateNodes(levels, all);
+    var items = sorter ? sorter(all) : all;
+    var nodes = generateNodes(levels, items);
     return /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Tree, null, renderNodes(nodes)));
   };
   /**