@bigbinary/neeto-approvals-frontend 0.2.10 → 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';
@@ -376,6 +376,10 @@ var STATUS_UPDATED_BY = {
   cancelled: t$1("neetoApprovals.common.cancelledBy")
 };
 var DATA_CY_KEY = "data-cy";
+var SORT_ORDER = {
+  ascend: "asc",
+  descend: "desc"
+};
 
 dayjs.extend(utc);
 dayjs.extend(timezone);
@@ -618,7 +622,7 @@ var History = function History(_ref) {
   var handleTableChange = function handleTableChange(_, __, sorter) {
     setFilters(_objectSpread$a(_objectSpread$a({}, filters), {}, {
       sortBy: camelToSnakeCase(sorter.field || ""),
-      orderBy: sorter.order
+      orderBy: SORT_ORDER[sorter.order]
     }));
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, !isEmpty(approvalHistories) ? /*#__PURE__*/React.createElement("div", {
@@ -702,7 +706,7 @@ var PendingRequests = function PendingRequests(_ref) {
   var handleTableChange = function handleTableChange(_, __, sorter) {
     setFilters(_objectSpread$9(_objectSpread$9({}, filters), {}, {
       sortBy: camelToSnakeCase(sorter.field || ""),
-      orderBy: sorter.order
+      orderBy: SORT_ORDER[sorter.order]
     }));
   };
   var onSubmit = function onSubmit(payload) {
@@ -1188,7 +1192,7 @@ var Table = function Table(_ref) {
   var handleTableChange = function handleTableChange(_, __, sorter) {
     setFilters(_objectSpread$5(_objectSpread$5({}, filters), {}, {
       sortBy: sorter.field,
-      orderBy: sorter.order
+      orderBy: SORT_ORDER[sorter.order]
     }));
   };
   var noDataProps = {
@@ -1471,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(),
@@ -1485,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
@@ -1552,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,
@@ -1569,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) {