ywana-core8 0.0.516 → 0.0.519

package/dist/index.cjs

@@ -1607,7 +1607,7 @@ var DataTable = function DataTable(props) {
     }).map(function (field) {
       return /*#__PURE__*/React__default["default"].createElement("th", null, field.label);
     });
-  }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, multiSort(rows, sortDir).map(function (row) {
+  }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, rows.length > 0 ? multiSort(rows, sortDir).map(function (row) {
     return /*#__PURE__*/React__default["default"].createElement(DataTableRow, {
       key: row.id,
       row: row,
@@ -1617,7 +1617,13 @@ var DataTable = function DataTable(props) {
       editable: editable,
       expanded: expanded
     });
-  }))));
+  }) : /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", {
+    colSpan: columns.length + 1
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "empty-message"
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    icon: "search_off"
+  }), /*#__PURE__*/React__default["default"].createElement(Text, null, "No Result Found")))))));
 };
 /**
  * DataTable Row
@@ -2630,6 +2636,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 +2677,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 +2707,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 +2775,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 +2881,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,
@@ -5157,11 +5183,7 @@ var CollectionTree = function CollectionTree(props) {
     });
   }
 
-  var items = sorter ? all.sort(function (a, b) {
-    var labelA = "" + a.studio + a.name;
-    var labelB = "" + b.studio + b.name;
-    return labelA.localeCompare(labelB);
-  }) : 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)));
 };