ywana-core8 0.0.515 → 0.0.518

package/dist/index.cjs

@@ -2630,6 +2630,9 @@ var Planner = function Planner(_ref) {
       to = _useState3[0],
       setTo = _useState3[1];
 
+  React.useEffect(function () {
+    showThisWeek();
+  }, []);
   React.useEffect(function () {
     var element = document.getElementById(focusEvent);
     if (element) element.scrollIntoView({
@@ -2668,6 +2671,15 @@ var Planner = function Planner(_ref) {
     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");
@@ -2689,7 +2701,11 @@ var Planner = function Planner(_ref) {
     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
@@ -2753,10 +2769,11 @@ var Planner = function Planner(_ref) {
   }, 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, {
@@ -2858,9 +2875,12 @@ var PlannerCell = function PlannerCell(_ref2) {
 
   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,
@@ -4882,6 +4902,7 @@ var CollectionPage = function CollectionPage(props) {
       delay = _props$delay === void 0 ? 1000 : _props$delay,
       groupBy = props.groupBy,
       levels = props.levels,
+      sorter = props.sorter,
       editor = props.editor,
       children = props.children;
 
@@ -4950,7 +4971,8 @@ var CollectionPage = function CollectionPage(props) {
     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
@@ -5091,7 +5113,8 @@ var CollectionTree = function CollectionTree(props) {
   };
 
   var levels = props.levels,
-      onSelect = props.onSelect;
+      onSelect = props.onSelect,
+      sorter = props.sorter;
 
   var _useContext3 = React.useContext(PageContext),
       pageContext = _useContext3[0],
@@ -5154,7 +5177,8 @@ var CollectionTree = function CollectionTree(props) {
     });
   }
 
-  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)));
 };
 /**