@bigbinary/neeto-filters-frontend 3.0.8 → 3.0.9

package/README.md

@@ -34,7 +34,9 @@ The engine is used to manage filters across neeto products.
     ```
 4. Execute the following command to generate the migration to generate the `neeto_filters_engine_segments` table.
     ```zsh
-    rails g neeto_filters_engine:install
+    bundle exec rails neeto_filters_engine:install:migrations
+
+    bundle exec rails db:migrate
     ```
 5. Add the following line to `models/organization.rb` file.
     ```ruby
@@ -303,6 +305,20 @@ const selectedFields = ["name", "age"];
 const filterColumns = buildFilterColumnsFromFields({ fields, selectedFields });
 
 ```
+
+#### 4. `useFetchSegments`([source code](https://github.com/bigbinary/neeto-filters-nano/blob/b6421775adb20ba859609e71610fad944492147e/app/javascript/src/hooks/reactQuery/useSegmentsApi.js#L10-L18))
+
+The `useFetchSegments` hook is used to fetch the array of segments based on the provided `entity`.
+
+#### Parameters
+
+- `entity`: The entity associated with the segments to be fetched.
+- `searchTerm`: The search term for fetching the segments filtered by names containing the search term.
+
+```js
+  const { data: segments = [], isLoading } = useFetchSegments({ entity: "User" });
+```
+
 ## Basic Usage
 
 Here is an example of how to use the `neeto-filters-engine` gem assuming that the

package/dist/index.cjs.js

@@ -3594,7 +3594,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 = React.useState(false),
@@ -3609,8 +3608,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,
@@ -3694,34 +3692,13 @@ var Segments = function Segments(_ref) {
     _ref$defaultSegmentNa = _ref.defaultSegmentName,
     defaultSegmentName = _ref$defaultSegmentNa === void 0 ? i18next.t("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
   return function () {
-    var _useState = React.useState(""),
+    var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      searchTerm = _useState2[0],
-      setSearchTerm = _useState2[1];
-    var _useState3 = React.useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isSearchCollapsed = _useState4[0],
-      setIsSearchCollapsed = _useState4[1];
-    var _useState5 = React.useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isSegmentsPaneOpen = _useState6[0],
-      setIsSegmentsPaneOpen = _useState6[1];
+      isSegmentsPaneOpen = _useState2[0],
+      setIsSegmentsPaneOpen = _useState2[1];
     var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
-    var debouncedSearchTerm = reactUtils.useDebounce(searchTerm);
     var iconProps = [{
-      icon: neetoIcons.Search,
-      onClick: function onClick() {
-        setSearchTerm("");
-        setIsSearchCollapsed(function (collapsed) {
-          return !collapsed;
-        });
-      },
-      tooltipProps: {
-        content: t("neetoFilters.segments.searchSegments"),
-        position: "top"
-      }
-    }, {
       icon: neetoIcons.Settings,
       onClick: function onClick() {
         setIsFilterPaneOpen(false);
@@ -3739,24 +3716,10 @@ var Segments = function Segments(_ref) {
       style: "h5",
       textTransform: "uppercase",
       weight: "bold"
-    }, t("neetoFilters.common.segments"))), /*#__PURE__*/React__default["default"].createElement(MenuBar__default["default"].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__default["default"].createElement(MenuBlocks$1, {
+    }, t("neetoFilters.common.segments"))), /*#__PURE__*/React__default["default"].createElement(MenuBlocks$1, {
       columns: columns,
       defaultSegmentName: defaultSegmentName,
-      entity: entity,
-      searchTerm: debouncedSearchTerm
+      entity: entity
     }), /*#__PURE__*/React__default["default"].createElement(ManagePane, {
       columns: columns,
       defaultSegmentName: defaultSegmentName,
@@ -3776,4 +3739,5 @@ exports.Segments = index;
 exports.buildFilterColumnsFromFields = buildFilterColumnsFromFields;
 exports.buildFiltersFromURL = buildFiltersFromURL;
 exports.buildSelectorsFromURL = buildSelectorsFromURL;
+exports.useFetchSegments = useFetchSegments;
 //# sourceMappingURL=index.cjs.js.map