@bigbinary/neeto-payments-frontend 1.4.14 → 1.4.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +17 -13
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.js +17 -13
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import React__default, { useState, useMemo, useEffect, useTransition } from 'react';
3
3
  import { t as t$1 } from 'i18next';
4
+ import { noop, camelToSnakeCase, isPresent, snakeToCamelCase, capitalize, removeBy, filterBy, isNotPresent, humanize } from '@bigbinary/neeto-cist';
4
5
  import { useQueryParams, withTitle, useMutationWithInvalidation, withT, useStateWithDependency } from '@bigbinary/neeto-commons-frontend/react-utils';
5
6
  import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
6
7
  import Header from '@bigbinary/neeto-molecules/Header';
@@ -12,7 +13,6 @@ import { ReactQueryDevtools } from 'react-query/devtools';
12
13
  import { DEFAULT_STALE_TIME, DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
13
14
  import { Download, Down, Right } from '@bigbinary/neeto-icons';
14
15
  import axios from 'axios';
15
- import { noop, camelToSnakeCase, isPresent, snakeToCamelCase, capitalize, removeBy, filterBy, isNotPresent, humanize } from '@bigbinary/neeto-cist';
16
16
  import { createSubscription, getQueryParams, buildUrl, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
17
17
  import { isEmpty, assoc, modify, concat, curry, pipe, split, map, join, mergeLeft, equals, sortBy, prop, evolve, insert, mergeDeepLeft, pluck } from 'ramda';
18
18
  import { useHistory } from 'react-router-dom';
@@ -1026,7 +1026,7 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
1026
1026
  _useState10 = _slicedToArray(_useState9, 2),
1027
1027
  filters = _useState10[0],
1028
1028
  setFilters = _useState10[1];
1029
- var _useState11 = useState(0),
1029
+ var _useState11 = useState(null),
1030
1030
  _useState12 = _slicedToArray(_useState11, 2),
1031
1031
  dataSize = _useState12[0],
1032
1032
  setDataSize = _useState12[1];
@@ -1035,6 +1035,7 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
1035
1035
  }, COLUMNS$5) : COLUMNS$5;
1036
1036
  var handleTabChange = function handleTabChange(tab) {
1037
1037
  var _pageProperties$tab, _pageProperties$tab2;
1038
+ setDataSize(null);
1038
1039
  var queryParams = getQueryParams({
1039
1040
  toCamelCase: false
1040
1041
  });
@@ -1242,7 +1243,7 @@ var AccountsDashboard = function AccountsDashboard() {
1242
1243
  };
1243
1244
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, {
1244
1245
  title: t("neetoPayments.title.account"),
1245
- searchProps: {
1246
+ searchProps: isFilterButtonVisible && {
1246
1247
  placeholder: t("neetoPayments.common.search"),
1247
1248
  className: "w-80"
1248
1249
  }
@@ -1256,7 +1257,7 @@ var AccountsDashboard = function AccountsDashboard() {
1256
1257
  }, t("neetoPayments.common.".concat(item)));
1257
1258
  })), /*#__PURE__*/React__default.createElement(SubHeader, {
1258
1259
  className: "mt-4",
1259
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default.createElement(Typography, {
1260
+ leftActionBlock: isPresent(dataSize) && /*#__PURE__*/React__default.createElement(Typography, {
1260
1261
  className: "neeto-ui-gray-800 mr-2 font-semibold",
1261
1262
  component: "h4"
1262
1263
  }, tab === TAB$5.all ? t("neetoPayments.countOf.account", {
@@ -2087,7 +2088,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
2087
2088
  _useState10 = _slicedToArray(_useState9, 2),
2088
2089
  filters = _useState10[0],
2089
2090
  setFilters = _useState10[1];
2090
- var _useState11 = useState(0),
2091
+ var _useState11 = useState(null),
2091
2092
  _useState12 = _slicedToArray(_useState11, 2),
2092
2093
  dataSize = _useState12[0],
2093
2094
  setDataSize = _useState12[1];
@@ -2106,6 +2107,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
2106
2107
  var modifiedColumns = columns.map(modify("dataIndex", processDataIndex));
2107
2108
  var handleTabChange = function handleTabChange(tab) {
2108
2109
  var _pageProperties$tab, _pageProperties$tab2;
2110
+ setDataSize(null);
2109
2111
  var queryParams = getQueryParams({
2110
2112
  toCamelCase: false
2111
2113
  });
@@ -4863,7 +4865,7 @@ var Dashboard = function Dashboard(_ref) {
4863
4865
  };
4864
4866
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, _extends$1({}, headerProps, {
4865
4867
  title: t("neetoPayments.title.".concat(titleKind)),
4866
- searchProps: {
4868
+ searchProps: isFilterButtonVisible && {
4867
4869
  placeholder: searchKeywordProps.placeholder,
4868
4870
  className: "w-80"
4869
4871
  }
@@ -4877,7 +4879,7 @@ var Dashboard = function Dashboard(_ref) {
4877
4879
  }, t("neetoPayments.common.".concat(item)));
4878
4880
  })), /*#__PURE__*/React__default.createElement(SubHeader, {
4879
4881
  className: "mt-4",
4880
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default.createElement(Typography, {
4882
+ leftActionBlock: isPresent(dataSize) && /*#__PURE__*/React__default.createElement(Typography, {
4881
4883
  className: "neeto-ui-gray-800 mr-2 font-semibold",
4882
4884
  component: "h4"
4883
4885
  }, tab === TAB$4.all ? t("neetoPayments.countOf.".concat(kind), {
@@ -5163,7 +5165,7 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
5163
5165
  _useState10 = _slicedToArray(_useState9, 2),
5164
5166
  filters = _useState10[0],
5165
5167
  setFilters = _useState10[1];
5166
- var _useState11 = useState(0),
5168
+ var _useState11 = useState(null),
5167
5169
  _useState12 = _slicedToArray(_useState11, 2),
5168
5170
  dataSize = _useState12[0],
5169
5171
  setDataSize = _useState12[1];
@@ -5174,6 +5176,7 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
5174
5176
  }, columns) : columns;
5175
5177
  var handleTabChange = function handleTabChange(tab) {
5176
5178
  var _pageProperties$tab, _pageProperties$tab2;
5179
+ setDataSize(null);
5177
5180
  var queryParams = getQueryParams({
5178
5181
  toCamelCase: false
5179
5182
  });
@@ -5362,7 +5365,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
5362
5365
  };
5363
5366
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, {
5364
5367
  title: t("neetoPayments.title.payouts"),
5365
- searchProps: {
5368
+ searchProps: isFilterButtonVisible && {
5366
5369
  placeholder: t("neetoPayments.common.search"),
5367
5370
  className: "w-80"
5368
5371
  }
@@ -5376,7 +5379,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
5376
5379
  }, t("neetoPayments.common.".concat(item)));
5377
5380
  })), /*#__PURE__*/React__default.createElement(SubHeader, {
5378
5381
  className: "mt-4",
5379
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default.createElement(Typography, {
5382
+ leftActionBlock: isPresent(dataSize) && /*#__PURE__*/React__default.createElement(Typography, {
5380
5383
  className: "neeto-ui-gray-800 mr-2 font-semibold",
5381
5384
  component: "h4"
5382
5385
  }, tab === TAB$3.all ? t("neetoPayments.countOf.payout", {
@@ -5696,7 +5699,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
5696
5699
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, _extends$1({}, _objectSpread$6(_objectSpread$6({}, headerProps), {}, {
5697
5700
  title: title
5698
5701
  }), {
5699
- searchProps: {
5702
+ searchProps: isFilterButtonVisible && {
5700
5703
  placeholder: searchKeywordProps.placeholder,
5701
5704
  className: "w-80"
5702
5705
  }
@@ -5710,7 +5713,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
5710
5713
  }, t("neetoPayments.common.".concat(item)));
5711
5714
  })), /*#__PURE__*/React__default.createElement(SubHeader, {
5712
5715
  className: "mt-4",
5713
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default.createElement(Typography, {
5716
+ leftActionBlock: isPresent(dataSize) && /*#__PURE__*/React__default.createElement(Typography, {
5714
5717
  className: "neeto-ui-gray-800 mr-2 font-semibold",
5715
5718
  component: "h4"
5716
5719
  }, tab === "all" ? t("neetoPayments.countOf.".concat(kind), {
@@ -5911,7 +5914,7 @@ var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
5911
5914
  _useState10 = _slicedToArray(_useState9, 2),
5912
5915
  filters = _useState10[0],
5913
5916
  setFilters = _useState10[1];
5914
- var _useState11 = useState(0),
5917
+ var _useState11 = useState(null),
5915
5918
  _useState12 = _slicedToArray(_useState11, 2),
5916
5919
  dataSize = _useState12[0],
5917
5920
  setDataSize = _useState12[1];
@@ -5920,6 +5923,7 @@ var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
5920
5923
  searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
5921
5924
  var handleTabChange = function handleTabChange(tab) {
5922
5925
  var _pageProperties$tab, _pageProperties$tab2;
5926
+ setDataSize(null);
5923
5927
  var queryParams = getQueryParams({
5924
5928
  toCamelCase: false
5925
5929
  });