@bigbinary/neeto-approvals-frontend 0.2.11 → 0.2.12

package/dist/index.js

@@ -1,11 +1,11 @@
 import React, { useState, useEffect, useRef } from 'react';
+import { useMutationWithInvalidation, useDebounce, withT, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Container from '@bigbinary/neeto-molecules/Container';
 import { Link, useLocation, useHistory, Switch, Route, Redirect, useParams } from 'react-router-dom';
 import i18next, { t as t$1 } from 'i18next';
 import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE, PLURAL, SINGULAR } from '@bigbinary/neeto-commons-frontend/constants';
 import { Button, Tag, Pane, Typography, Label, Textarea, Table as Table$1, NoData, Alert, Tab as Tab$1, Select as Select$1, Callout } from '@bigbinary/neetoui';
 import { curryN, isNil, curry, complement, either, isEmpty, keys } from 'ramda';
-import { useMutationWithInvalidation, useDebounce, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { useTranslation, Trans } from 'react-i18next';
 import { useQuery, useQueryClient } from 'react-query';
 import axios from 'axios';
@@ -1475,9 +1475,7 @@ var createRoutes = function createRoutes(_ref) {
 var Header = function Header(_ref) {
   var _currentTab$actionBlo;
   var appRoutes = _ref.appRoutes,
-    breadcrumbs = _ref.breadcrumbs,
-    setSearchTerm = _ref.setSearchTerm,
-    searchTerm = _ref.searchTerm;
+    breadcrumbs = _ref.breadcrumbs;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useLocation = useLocation(),
@@ -1489,10 +1487,6 @@ var Header = function Header(_ref) {
     actionBlock: currentTab === null || currentTab === void 0 ? void 0 : (_currentTab$actionBlo = currentTab.actionBlock) === null || _currentTab$actionBlo === void 0 ? void 0 : _currentTab$actionBlo.call(currentTab),
     title: t("neetoApprovals.common.approval", PLURAL),
     searchProps: (currentTab === null || currentTab === void 0 ? void 0 : currentTab.searchPlaceholder) && {
-      onChange: function onChange(event) {
-        return setSearchTerm(event.target.value);
-      },
-      value: searchTerm,
       placeholder: currentTab === null || currentTab === void 0 ? void 0 : currentTab.searchPlaceholder
     },
     breadcrumbs: breadcrumbs
@@ -1556,14 +1550,13 @@ function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Approvals = function Approvals(_ref) {
   var config = _ref.config;
-  var _useState = useState(""),
+  var _useQueryParams = useQueryParams(),
+    _useQueryParams$searc = _useQueryParams.search_ter,
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
+  var _useState = useState(false),
     _useState2 = _slicedToArray$1(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray$1(_useState3, 2),
-    isNewTemplatePaneOpen = _useState4[0],
-    setIsNewTemplatePaneOpen = _useState4[1];
+    isNewTemplatePaneOpen = _useState2[0],
+    setIsNewTemplatePaneOpen = _useState2[1];
   var appRoutes = createRoutes({
     config: config,
     searchTerm: searchTerm,
@@ -1573,9 +1566,7 @@ var Approvals = function Approvals(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "neeto-approvals"
   }, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header, _objectSpread$1({
-    appRoutes: appRoutes,
-    searchTerm: searchTerm,
-    setSearchTerm: setSearchTerm
+    appRoutes: appRoutes
   }, config)), /*#__PURE__*/React.createElement(Tab, {
     approvalsPath: config.approvalsPath
   }), /*#__PURE__*/React.createElement(Switch, null, appRoutes.map(function (_ref2) {