@bigbinary/neeto-filters-frontend 3.0.7 → 3.0.9

package/dist/index.js

@@ -8,7 +8,7 @@ import { Tooltip, Typography, Dropdown as Dropdown$2, Button, Pane as Pane$1, Al
 import { groupBy, anyPass, isNil, isEmpty, any, toLower, mergeLeft, identity, omit, mergeRight, toPairs, not, pluck, either, has, concat, equals, pick, modify, prop, isNotNil, append, last } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import { useHistory, useLocation } from 'react-router-dom';
-import { Close, MenuHorizontal, Down, Search as Search$1, Settings } from '@bigbinary/neeto-icons';
+import { Close, MenuHorizontal, Down, Settings } from '@bigbinary/neeto-icons';
 import { Form, Input, ActionBlock } from '@bigbinary/neetoui/formik';
 import { useQuery } from 'react-query';
 import axios from 'axios';
@@ -3261,7 +3261,7 @@ var Pane = function Pane(_ref) {
   }, isSearchable && /*#__PURE__*/React.createElement(Search, {
     "data-cy": "neeto-filters-column-search",
     placeholder: t("neetoFilters.messages.searchResources", {
-      resources: t("neetoFilters.common.filters").toLocaleLowerCase()
+      resources: t("neetoFilters.common.filters")
     }),
     onSearch: function onSearch(value) {
       return setSearchTerm(value);
@@ -3293,6 +3293,7 @@ var Pane = function Pane(_ref) {
       return /*#__PURE__*/React.createElement(Item, {
         column: column,
         filters: filters,
+        onClose: onClose,
         autoFocus: column.key === isOpen,
         key: column.key,
         onChange: handleChange
@@ -3301,7 +3302,7 @@ var Pane = function Pane(_ref) {
   })), isEmpty(ungroupedColumns) && isEmpty(groupedColumns) && /*#__PURE__*/React.createElement(Typography, {
     style: "body2"
   }, t("neetoFilters.messages.noResourcesFound", {
-    resources: t("neetoFilters.common.columns").toLocaleLowerCase()
+    resources: t("neetoFilters.common.columns")
   })), children), /*#__PURE__*/React.createElement(Slider.Footer, {
     className: "neeto-filters-pane-filter__footer"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
@@ -3560,7 +3561,6 @@ var ITEMS_MAX_COUNT = 20;
 
 var MenuBlocks = function MenuBlocks(_ref) {
   var entity = _ref.entity,
-    searchTerm = _ref.searchTerm,
     columns = _ref.columns,
     defaultSegmentName = _ref.defaultSegmentName;
   var _useState = useState(false),
@@ -3575,8 +3575,7 @@ var MenuBlocks = function MenuBlocks(_ref) {
     segmentId = _Object$fromEntries.segmentId;
   var appliedFilters = buildFiltersFromURL(columns);
   var _useFetchSegments = useFetchSegments({
-      entity: entity,
-      searchTerm: searchTerm
+      entity: entity
     }),
     _useFetchSegments$dat = _useFetchSegments.data,
     segments = _useFetchSegments$dat === void 0 ? [] : _useFetchSegments$dat,
@@ -3660,34 +3659,13 @@ var Segments = function Segments(_ref) {
     _ref$defaultSegmentNa = _ref.defaultSegmentName,
     defaultSegmentName = _ref$defaultSegmentNa === void 0 ? t$1("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
   return function () {
-    var _useState = useState(""),
+    var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      searchTerm = _useState2[0],
-      setSearchTerm = _useState2[1];
-    var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isSearchCollapsed = _useState4[0],
-      setIsSearchCollapsed = _useState4[1];
-    var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isSegmentsPaneOpen = _useState6[0],
-      setIsSegmentsPaneOpen = _useState6[1];
+      isSegmentsPaneOpen = _useState2[0],
+      setIsSegmentsPaneOpen = _useState2[1];
     var _useTranslation = useTranslation(),
       t = _useTranslation.t;
-    var debouncedSearchTerm = useDebounce(searchTerm);
     var iconProps = [{
-      icon: Search$1,
-      onClick: function onClick() {
-        setSearchTerm("");
-        setIsSearchCollapsed(function (collapsed) {
-          return !collapsed;
-        });
-      },
-      tooltipProps: {
-        content: t("neetoFilters.segments.searchSegments"),
-        position: "top"
-      }
-    }, {
       icon: Settings,
       onClick: function onClick() {
         setIsFilterPaneOpen(false);
@@ -3705,24 +3683,10 @@ var Segments = function Segments(_ref) {
       style: "h5",
       textTransform: "uppercase",
       weight: "bold"
-    }, t("neetoFilters.common.segments"))), /*#__PURE__*/React.createElement(MenuBar.Search, {
-      autoFocus: true,
-      isCollapsed: isSearchCollapsed,
-      placeholder: t("neetoFilters.segments.searchSegments"),
-      value: searchTerm,
-      onChange: function onChange(_ref2) {
-        var value = _ref2.target.value;
-        return setSearchTerm(value);
-      },
-      onCollapse: function onCollapse() {
-        setSearchTerm("");
-        setIsSearchCollapsed(true);
-      }
-    }), /*#__PURE__*/React.createElement(MenuBlocks$1, {
+    }, t("neetoFilters.common.segments"))), /*#__PURE__*/React.createElement(MenuBlocks$1, {
       columns: columns,
       defaultSegmentName: defaultSegmentName,
-      entity: entity,
-      searchTerm: debouncedSearchTerm
+      entity: entity
     }), /*#__PURE__*/React.createElement(ManagePane, {
       columns: columns,
       defaultSegmentName: defaultSegmentName,
@@ -3736,5 +3700,5 @@ var Segments = function Segments(_ref) {
 };
 var index = /*#__PURE__*/React.memo(Segments);
 
-export { Bar, Filters, index as Segments, buildFilterColumnsFromFields, buildFiltersFromURL, buildSelectorsFromURL };
+export { Bar, Filters, index as Segments, buildFilterColumnsFromFields, buildFiltersFromURL, buildSelectorsFromURL, useFetchSegments };
 //# sourceMappingURL=index.js.map