ywana-core8 0.0.942 → 0.0.944

package/dist/index.cjs

@@ -1070,7 +1070,10 @@ var Tabs = function Tabs(props) {
     fillLeft = _props$fillLeft === void 0 ? false : _props$fillLeft,
     _props$fillRight = props.fillRight,
     fillRight = _props$fillRight === void 0 ? true : _props$fillRight;
-  var tabs = React__default["default"].Children.map(children, function (child, index) {
+  var notNullChildren = React__default["default"].Children.toArray(children).filter(function (child) {
+    return child !== null;
+  });
+  var tabs = notNullChildren.map(function (child, index) {
     function select(id) {
       if (onChange) onChange(id || index);
     }
@@ -1120,7 +1123,10 @@ var Tab = function Tab(props) {
 var Stack = function Stack(props) {
   var _props$selected = props.selected,
     selected = _props$selected === void 0 ? 0 : _props$selected;
-  var child = React__default["default"].Children.toArray(props.children).filter(function (child, index) {
+  var notNullChildren = React__default["default"].Children.toArray(props.children).filter(function (child) {
+    return child !== null;
+  });
+  var child = notNullChildren.filter(function (child, index) {
     return index === selected;
   })[0];
   return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, child);
@@ -1841,8 +1847,25 @@ var DataTable = function DataTable(props) {
     icon: "search_off"
   }), /*#__PURE__*/React__default["default"].createElement(Text, null, emptyMessage)))))));
 };
+
+/**
+ * DataTableFiltersRow
+ */
 var DataTableFiltersRow = function DataTableFiltersRow(_ref4) {
   var columns = _ref4.columns;
+  var _useState3 = React.useState({}),
+    form = _useState3[0],
+    setForm = _useState3[1];
+  function changeFilter(id, value, onFilter) {
+    var _extends2;
+    setForm(_extends({}, form, (_extends2 = {}, _extends2[id] = value, _extends2)));
+    if (onFilter) onFilter(value);
+  }
+  function clear() {
+    setForm({});
+  }
+  var dirty = Object.keys(form).length > 0; // dirty if there are filters set
+
   return /*#__PURE__*/React__default["default"].createElement("tr", {
     className: "filters-row"
   }, columns.map(function (_ref5) {
@@ -1852,18 +1875,30 @@ var DataTableFiltersRow = function DataTableFiltersRow(_ref4) {
       options = _ref5.options;
     var field = options ? /*#__PURE__*/React__default["default"].createElement(DropDown, {
       id: id,
+      value: form[id],
       options: options,
-      onChange: onFilter,
+      onChange: function onChange(id, value) {
+        return changeFilter(id, value, onFilter);
+      },
       outlined: true
     }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
       id: id,
-      onChange: onFilter,
+      value: form[id],
+      onChange: function onChange(id, value) {
+        return changeFilter(id, value, onFilter);
+      },
       outlined: true
     });
     return /*#__PURE__*/React__default["default"].createElement("td", {
       className: "filter-cell"
     }, filterable ? field : null);
-  }));
+  }), /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    icon: "close",
+    size: "small",
+    clickable: true,
+    action: clear,
+    disabled: !dirty
+  })));
 };
 
 /**
@@ -1881,9 +1916,9 @@ var DataTableRow = function DataTableRow(props) {
   var _row$selected = row.selected,
     selected = _row$selected === void 0 ? false : _row$selected,
     className = row.className;
-  var _useState3 = React.useState(expanded),
-    isInfoOpen = _useState3[0],
-    toggleInfo = _useState3[1];
+  var _useState4 = React.useState(expanded),
+    isInfoOpen = _useState4[0],
+    toggleInfo = _useState4[1];
   var infoIcon = isInfoOpen ? 'expand_less' : 'expand_more';
   var style = isInfoOpen ? "expanded" : "";
   if (selected) style += " selected";
@@ -5788,6 +5823,9 @@ var Planner2 = function Planner2(_ref) {
   function selectCell(cell) {
     if (onSelectCell) onSelectCell(cell);
   }
+  function drop() {
+    //TODO
+  }
   var uniqueMonths = Array.from(new Set(days.map(function (_ref2) {
     var month = _ref2.month;
     return month;
@@ -5888,18 +5926,19 @@ var Planner2 = function Planner2(_ref) {
       });
       var weekendClass = isWeekend ? 'weekend' : '';
       return /*#__PURE__*/React__default["default"].createElement("div", {
+        key: "content" + index + "_" + year + "-" + month + "-" + day,
         className: "content-cell " + weekendClass,
         style: {
           minWidth: dayWidth,
           maxWidth: dayWidth
         },
-        key: "content" + index + "_" + year + "-" + month + "-" + day,
         onClick: function onClick() {
           return selectCell({
             lane: lane.id,
             date: dayDate
           });
-        }
+        },
+        onDrop: drop
       }, dayEvents.map(function (event, index) {
         return /*#__PURE__*/React__default["default"].createElement(EventRenderer, {
           key: event.id + "-" + index,