@bigbinary/neeto-filters-frontend 3.0.3 → 3.0.4

package/dist/index.cjs.js

@@ -20,8 +20,10 @@ var weekday = require('dayjs/plugin/weekday');
 var formik = require('@bigbinary/neetoui/formik');
 var reactQuery = require('react-query');
 var axios = require('axios');
+var Search = require('@bigbinary/neeto-molecules/Search');
 var ReactDOM = require('react-dom');
 var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
+var InlineInput = require('@bigbinary/neeto-molecules/InlineInput');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -52,6 +54,7 @@ var timezone__default = /*#__PURE__*/_interopDefaultLegacy(timezone);
 var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
 var weekday__default = /*#__PURE__*/_interopDefaultLegacy(weekday);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
 
@@ -884,7 +887,8 @@ var compareFilters = function compareFilters(oldFilters, newFilters) {
   return ramda.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,
@@ -4915,16 +4919,13 @@ var Pane = function Pane(_ref) {
     weight: "semibold"
   }, t("neetoFilters.common.filters"))), /*#__PURE__*/React__default["default"].createElement(Slider.Body, {
     className: "neeto-filters-pane-filter__body neeto-ui-pt-2"
-  }, isSearchable && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
-    autoFocus: true,
+  }, isSearchable && /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
     "data-cy": "neeto-filters-column-search",
-    prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.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__default["default"].createElement(Item, {
@@ -5119,31 +5120,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__default["default"].createElement(React__default["default"].Fragment, null, isEditing ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isEditing ? /*#__PURE__*/React__default["default"].createElement(InlineInput.FormikInlineInput, {
       autoFocus: true,
       nakedInput: true,
+      handleCancel: function handleCancel() {
+        return setIsEditing(false);
+      },
       name: "name",
       placeholder: t("neetoFilters.segments.name")
-    }), /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
-      cancelButtonProps: {
-        icon: neetoIcons.Close,
-        label: "",
-        style: "text",
-        disabled: !isEditing,
-        onClick: function onClick() {
-          return setIsEditing(false);
-        }
-      },
-      submitButtonProps: {
-        icon: neetoIcons.Check,
-        label: "",
-        style: "text"
-      }
-    })) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       style: "body2"
     }, segment.name), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
       buttonStyle: "text",
@@ -5198,15 +5188,11 @@ var ManagePane = function ManagePane(_ref) {
     style: "h2"
   }, t("neetoFilters.segments.manageSegments"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, {
     className: "max-h-full gap-4 overflow-scroll"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+  }, /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
     className: "w-full flex-grow-0",
     placeholder: t("neetoFilters.segments.searchSegments"),
-    prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.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__default["default"].createElement(neetoui.Spinner, {