@bigbinary/neeto-approvals-frontend 0.2.10 → 0.2.12

package/dist/index.cjs.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var reactRouterDom = require('react-router-dom');
 var i18next = require('i18next');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var reactI18next = require('react-i18next');
 var reactQuery = require('react-query');
 var axios = require('axios');
@@ -413,6 +413,10 @@ var STATUS_UPDATED_BY = {
   cancelled: i18next.t("neetoApprovals.common.cancelledBy")
 };
 var DATA_CY_KEY = "data-cy";
+var SORT_ORDER = {
+  ascend: "asc",
+  descend: "desc"
+};
 
 dayjs__default["default"].extend(utc__default["default"]);
 dayjs__default["default"].extend(timezone__default["default"]);
@@ -655,7 +659,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__default["default"].createElement(React__default["default"].Fragment, null, !ramda.isEmpty(approvalHistories) ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -739,7 +743,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) {
@@ -1225,7 +1229,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 = {
@@ -1508,9 +1512,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useLocation = reactRouterDom.useLocation(),
@@ -1522,10 +1524,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", constants.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
@@ -1589,14 +1587,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 = React.useState(""),
+  var _useQueryParams = reactUtils.useQueryParams(),
+    _useQueryParams$searc = _useQueryParams.search_ter,
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
+  var _useState = React.useState(false),
     _useState2 = _slicedToArray$1(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  var _useState3 = React.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,
@@ -1606,9 +1603,7 @@ var Approvals = function Approvals(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-approvals"
   }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Header, _objectSpread$1({
-    appRoutes: appRoutes,
-    searchTerm: searchTerm,
-    setSearchTerm: setSearchTerm
+    appRoutes: appRoutes
   }, config)), /*#__PURE__*/React__default["default"].createElement(Tab, {
     approvalsPath: config.approvalsPath
   }), /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Switch, null, appRoutes.map(function (_ref2) {