ywana-core8 0.0.942 → 0.0.944

package/dist/index.umd.js

@@ -1063,7 +1063,10 @@
         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);
         }
@@ -1113,7 +1116,10 @@
     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);
@@ -1834,8 +1840,25 @@
         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) {
@@ -1845,18 +1868,30 @@
           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
+      })));
     };
 
     /**
@@ -1874,9 +1909,9 @@
       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";
@@ -5781,6 +5816,9 @@
       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;
@@ -5881,18 +5919,19 @@
           });
           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,