@bigbinary/neeto-filters-frontend 3.0.2 → 3.0.4

package/dist/index.js

@@ -6,7 +6,7 @@ import { getQueryParams, dateFormat, buildUrl } from '@bigbinary/neeto-commons-f
 import { Tooltip, Typography, Dropdown as Dropdown$2, Button, Pane as Pane$1, Alert, Select, DatePicker, TimePicker, Input as Input$1, Accordion, Spinner } from '@bigbinary/neetoui';
 import { useTranslation, Trans } from 'react-i18next';
 import { useHistory, useLocation } from 'react-router-dom';
-import { Close, Search, Check, MenuHorizontal, Down, Settings } from '@bigbinary/neeto-icons';
+import { Close, MenuHorizontal, Down, Search as Search$1, Settings } from '@bigbinary/neeto-icons';
 import i18next, { t as t$1 } from 'i18next';
 import dayjs from 'dayjs';
 import * as yup from 'yup';
@@ -16,8 +16,10 @@ import weekday from 'dayjs/plugin/weekday';
 import { Form, Input, ActionBlock } from '@bigbinary/neetoui/formik';
 import { useQuery } from 'react-query';
 import axios from 'axios';
+import Search from '@bigbinary/neeto-molecules/Search';
 import ReactDOM, { createPortal } from 'react-dom';
 import MenuBar from '@bigbinary/neeto-molecules/MenuBar';
+import { FormikInlineInput } from '@bigbinary/neeto-molecules/InlineInput';
 
 function _arrayLikeToArray$1(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -848,7 +850,8 @@ var compareFilters = function compareFilters(oldFilters, newFilters) {
   return equals(formatFilters(oldFilters), formatFilters(newFilters));
 };
 var buildFilteredColumns = function buildFilteredColumns(_ref11) {
-  var searchTerm = _ref11.searchTerm,
+  var _ref11$searchTerm = _ref11.searchTerm,
+    searchTerm = _ref11$searchTerm === void 0 ? "" : _ref11$searchTerm,
     columns = _ref11.columns;
   var groupedColumsObject = groupByGroup(columns.filter(function (_ref12) {
     var label = _ref12.label,
@@ -1509,7 +1512,7 @@ var Bar = function Bar(_ref) {
     handleSubmit([], true);
   };
   var childrenFiltersApplied = childrenKeys.some(function (key) {
-    return searchParams.has(key);
+    return has$1(key, searchParams);
   });
   var hideClearButton = nonHiddenFilters.every(function (_ref2) {
     var defaultValue = _ref2.defaultValue,
@@ -4879,16 +4882,13 @@ var Pane = function Pane(_ref) {
     weight: "semibold"
   }, t("neetoFilters.common.filters"))), /*#__PURE__*/React.createElement(Slider.Body, {
     className: "neeto-filters-pane-filter__body neeto-ui-pt-2"
-  }, isSearchable && /*#__PURE__*/React.createElement(Input$1, {
-    autoFocus: true,
+  }, isSearchable && /*#__PURE__*/React.createElement(Search, {
     "data-cy": "neeto-filters-column-search",
-    prefix: /*#__PURE__*/React.createElement(Search, null),
-    value: searchTerm,
     placeholder: t("neetoFilters.messages.searchResources", {
       resources: t("neetoFilters.common.filters").toLocaleLowerCase()
     }),
-    onChange: function onChange(event) {
-      return setSearchTerm(event.target.value);
+    onSearch: function onSearch(value) {
+      return setSearchTerm(value);
     }
   }), ungroupedColumns.map(function (column) {
     return /*#__PURE__*/React.createElement(Item, {
@@ -5083,31 +5083,20 @@ var Card = function Card(_ref) {
       validateOnChange: true,
       validateOnBlur: true,
       validationSchema: SEGMENT_VALIDATION_SCHEMA,
-      onSubmit: handleRename
+      onSubmit: handleRename,
+      enableReinitialize: true
     }
   }, function (_ref2) {
     var resetForm = _ref2.resetForm;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isEditing ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isEditing ? /*#__PURE__*/React.createElement(FormikInlineInput, {
       autoFocus: true,
       nakedInput: true,
+      handleCancel: function handleCancel() {
+        return setIsEditing(false);
+      },
       name: "name",
       placeholder: t("neetoFilters.segments.name")
-    }), /*#__PURE__*/React.createElement(ActionBlock, {
-      cancelButtonProps: {
-        icon: Close,
-        label: "",
-        style: "text",
-        disabled: !isEditing,
-        onClick: function onClick() {
-          return setIsEditing(false);
-        }
-      },
-      submitButtonProps: {
-        icon: Check,
-        label: "",
-        style: "text"
-      }
-    })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
       style: "body2"
     }, segment.name), /*#__PURE__*/React.createElement(Dropdown$2, {
       buttonStyle: "text",
@@ -5162,15 +5151,11 @@ var ManagePane = function ManagePane(_ref) {
     style: "h2"
   }, t("neetoFilters.segments.manageSegments"))), /*#__PURE__*/React.createElement(Pane$1.Body, {
     className: "max-h-full gap-4 overflow-scroll"
-  }, /*#__PURE__*/React.createElement(Input$1, {
+  }, /*#__PURE__*/React.createElement(Search, {
     className: "w-full flex-grow-0",
     placeholder: t("neetoFilters.segments.searchSegments"),
-    prefix: /*#__PURE__*/React.createElement(Search, null),
     ref: inputRef,
-    type: "search",
-    value: searchTerm,
-    onChange: function onChange(_ref2) {
-      var value = _ref2.target.value;
+    onSearch: function onSearch(value) {
       return setSearchTerm(value);
     }
   }), isLoading ? /*#__PURE__*/React.createElement(Spinner, {
@@ -5285,7 +5270,7 @@ var Segments = function Segments(_ref) {
     t = _useTranslation.t;
   var debouncedSearchTerm = useDebounce(searchTerm);
   var iconProps = [{
-    icon: Search,
+    icon: Search$1,
     onClick: function onClick() {
       setSearchTerm("");
       setIsSearchCollapsed(function (collapsed) {