@bigbinary/neeto-filters-frontend 2.12.7 → 2.12.8

package/dist/index.js

@@ -7265,7 +7265,8 @@ var Text = function Text(_ref) {
     filter = _ref.filter,
     filters = _ref.filters,
     handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
+    autoFocus = _ref.autoFocus,
+    onClose = _ref.onClose;
   var key = column.key,
     _column$defaultType = column.defaultType,
     defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
@@ -7292,6 +7293,30 @@ var Text = function Text(_ref) {
   var debouncedInputValue = useDebounce(inputValue);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var handleUpdateAndApplyFilter = function handleUpdateAndApplyFilter() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : debouncedInputValue;
+    var rule = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : selectedRule;
+    if (equals(filter === null || filter === void 0 ? void 0 : filter.value, value) && equals(selectedRule, rule)) return;
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: {},
+      rule: rule.value,
+      value: value.trim()
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  var handleKeydown = function handleKeydown(e) {
+    if (e.key === "Enter") {
+      handleUpdateAndApplyFilter(inputValue);
+      onClose();
+    }
+  };
+  var handleRuleChange = function handleRuleChange(ruleOption) {
+    setSelectedRule(ruleOption);
+    if (!debouncedInputValue) return;
+    handleUpdateAndApplyFilter(debouncedInputValue, ruleOption);
+  };
 
   // Reset states when "Clear filters" button is clicked.
   useEffect(function () {
@@ -7307,27 +7332,8 @@ var Text = function Text(_ref) {
       });
       return;
     }
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: selectedRule.value,
-      value: debouncedInputValue.trim()
-    });
-    handleApplyFilter(updatedFilter);
+    handleUpdateAndApplyFilter();
   }, [debouncedInputValue]);
-  var handleRuleChange = function handleRuleChange(ruleOption) {
-    setSelectedRule(ruleOption);
-    if (!debouncedInputValue) return;
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: ruleOption.value,
-      value: debouncedInputValue.trim()
-    });
-    handleApplyFilter(updatedFilter);
-  };
   return /*#__PURE__*/React.createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
   }, showRuleSelector && /*#__PURE__*/React.createElement(Select, {
@@ -7349,7 +7355,8 @@ var Text = function Text(_ref) {
     }),
     onChange: function onChange(event) {
       return setInputValue(event.target.value);
-    }
+    },
+    onKeyDown: handleKeydown
   }, otherProps)));
 };
 
@@ -7422,7 +7429,8 @@ var Item = function Item(_ref) {
   var column = _ref.column,
     filters = _ref.filters,
     onChange = _ref.onChange,
-    autoFocus = _ref.autoFocus;
+    autoFocus = _ref.autoFocus,
+    onClose = _ref.onClose;
   var key = column.key,
     _column$defaultType = column.defaultType,
     defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType;
@@ -7444,7 +7452,8 @@ var Item = function Item(_ref) {
       column: column,
       filter: filter,
       filters: filters,
-      handleApplyFilter: handleApplyFilter
+      handleApplyFilter: handleApplyFilter,
+      onClose: onClose
     });
   }
   if (isDate(defaultType)) {
@@ -7606,7 +7615,8 @@ var Pane = function Pane(_ref) {
       column: column,
       filters: filters,
       key: column.key,
-      onChange: handleChange
+      onChange: handleChange,
+      onClose: onClose
     });
   }), isPresent(groupedColumns) && /*#__PURE__*/React.createElement(Accordion, {
     defaultActiveKey: groupedColumns.findIndex(function (_ref4) {