@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.
package/dist/index.cjs.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var i18next = require('i18next');
7
+ var neetoCist = require('@bigbinary/neeto-cist');
7
8
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
8
9
  var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
9
10
  var Header = require('@bigbinary/neeto-molecules/Header');
@@ -15,7 +16,6 @@ var devtools = require('react-query/devtools');
15
16
  var constants = require('@bigbinary/neeto-commons-frontend/constants');
16
17
  var neetoIcons = require('@bigbinary/neeto-icons');
17
18
  var axios = require('axios');
18
- var neetoCist = require('@bigbinary/neeto-cist');
19
19
  var utils$3 = require('@bigbinary/neeto-commons-frontend/utils');
20
20
  var ramda = require('ramda');
21
21
  var reactRouterDom = require('react-router-dom');
@@ -1063,7 +1063,7 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
1063
1063
  _useState10 = _slicedToArray(_useState9, 2),
1064
1064
  filters = _useState10[0],
1065
1065
  setFilters = _useState10[1];
1066
- var _useState11 = React.useState(0),
1066
+ var _useState11 = React.useState(null),
1067
1067
  _useState12 = _slicedToArray(_useState11, 2),
1068
1068
  dataSize = _useState12[0],
1069
1069
  setDataSize = _useState12[1];
@@ -1072,6 +1072,7 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
1072
1072
  }, COLUMNS$5) : COLUMNS$5;
1073
1073
  var handleTabChange = function handleTabChange(tab) {
1074
1074
  var _pageProperties$tab, _pageProperties$tab2;
1075
+ setDataSize(null);
1075
1076
  var queryParams = utils$3.getQueryParams({
1076
1077
  toCamelCase: false
1077
1078
  });
@@ -1279,7 +1280,7 @@ var AccountsDashboard = function AccountsDashboard() {
1279
1280
  };
1280
1281
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
1281
1282
  title: t("neetoPayments.title.account"),
1282
- searchProps: {
1283
+ searchProps: isFilterButtonVisible && {
1283
1284
  placeholder: t("neetoPayments.common.search"),
1284
1285
  className: "w-80"
1285
1286
  }
@@ -1293,7 +1294,7 @@ var AccountsDashboard = function AccountsDashboard() {
1293
1294
  }, t("neetoPayments.common.".concat(item)));
1294
1295
  })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
1295
1296
  className: "mt-4",
1296
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1297
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1297
1298
  className: "neeto-ui-gray-800 mr-2 font-semibold",
1298
1299
  component: "h4"
1299
1300
  }, tab === TAB$5.all ? t("neetoPayments.countOf.account", {
@@ -2124,7 +2125,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
2124
2125
  _useState10 = _slicedToArray(_useState9, 2),
2125
2126
  filters = _useState10[0],
2126
2127
  setFilters = _useState10[1];
2127
- var _useState11 = React.useState(0),
2128
+ var _useState11 = React.useState(null),
2128
2129
  _useState12 = _slicedToArray(_useState11, 2),
2129
2130
  dataSize = _useState12[0],
2130
2131
  setDataSize = _useState12[1];
@@ -2143,6 +2144,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
2143
2144
  var modifiedColumns = columns.map(ramda.modify("dataIndex", processDataIndex));
2144
2145
  var handleTabChange = function handleTabChange(tab) {
2145
2146
  var _pageProperties$tab, _pageProperties$tab2;
2147
+ setDataSize(null);
2146
2148
  var queryParams = utils$3.getQueryParams({
2147
2149
  toCamelCase: false
2148
2150
  });
@@ -4900,7 +4902,7 @@ var Dashboard = function Dashboard(_ref) {
4900
4902
  };
4901
4903
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, headerProps, {
4902
4904
  title: t("neetoPayments.title.".concat(titleKind)),
4903
- searchProps: {
4905
+ searchProps: isFilterButtonVisible && {
4904
4906
  placeholder: searchKeywordProps.placeholder,
4905
4907
  className: "w-80"
4906
4908
  }
@@ -4914,7 +4916,7 @@ var Dashboard = function Dashboard(_ref) {
4914
4916
  }, t("neetoPayments.common.".concat(item)));
4915
4917
  })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
4916
4918
  className: "mt-4",
4917
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4919
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4918
4920
  className: "neeto-ui-gray-800 mr-2 font-semibold",
4919
4921
  component: "h4"
4920
4922
  }, tab === TAB$4.all ? t("neetoPayments.countOf.".concat(kind), {
@@ -5200,7 +5202,7 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
5200
5202
  _useState10 = _slicedToArray(_useState9, 2),
5201
5203
  filters = _useState10[0],
5202
5204
  setFilters = _useState10[1];
5203
- var _useState11 = React.useState(0),
5205
+ var _useState11 = React.useState(null),
5204
5206
  _useState12 = _slicedToArray(_useState11, 2),
5205
5207
  dataSize = _useState12[0],
5206
5208
  setDataSize = _useState12[1];
@@ -5211,6 +5213,7 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
5211
5213
  }, columns) : columns;
5212
5214
  var handleTabChange = function handleTabChange(tab) {
5213
5215
  var _pageProperties$tab, _pageProperties$tab2;
5216
+ setDataSize(null);
5214
5217
  var queryParams = utils$3.getQueryParams({
5215
5218
  toCamelCase: false
5216
5219
  });
@@ -5399,7 +5402,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
5399
5402
  };
5400
5403
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
5401
5404
  title: t("neetoPayments.title.payouts"),
5402
- searchProps: {
5405
+ searchProps: isFilterButtonVisible && {
5403
5406
  placeholder: t("neetoPayments.common.search"),
5404
5407
  className: "w-80"
5405
5408
  }
@@ -5413,7 +5416,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
5413
5416
  }, t("neetoPayments.common.".concat(item)));
5414
5417
  })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
5415
5418
  className: "mt-4",
5416
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5419
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5417
5420
  className: "neeto-ui-gray-800 mr-2 font-semibold",
5418
5421
  component: "h4"
5419
5422
  }, tab === TAB$3.all ? t("neetoPayments.countOf.payout", {
@@ -5733,7 +5736,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
5733
5736
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, _objectSpread$6(_objectSpread$6({}, headerProps), {}, {
5734
5737
  title: title
5735
5738
  }), {
5736
- searchProps: {
5739
+ searchProps: isFilterButtonVisible && {
5737
5740
  placeholder: searchKeywordProps.placeholder,
5738
5741
  className: "w-80"
5739
5742
  }
@@ -5747,7 +5750,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
5747
5750
  }, t("neetoPayments.common.".concat(item)));
5748
5751
  })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
5749
5752
  className: "mt-4",
5750
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5753
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5751
5754
  className: "neeto-ui-gray-800 mr-2 font-semibold",
5752
5755
  component: "h4"
5753
5756
  }, tab === "all" ? t("neetoPayments.countOf.".concat(kind), {
@@ -5948,7 +5951,7 @@ var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
5948
5951
  _useState10 = _slicedToArray(_useState9, 2),
5949
5952
  filters = _useState10[0],
5950
5953
  setFilters = _useState10[1];
5951
- var _useState11 = React.useState(0),
5954
+ var _useState11 = React.useState(null),
5952
5955
  _useState12 = _slicedToArray(_useState11, 2),
5953
5956
  dataSize = _useState12[0],
5954
5957
  setDataSize = _useState12[1];
@@ -5957,6 +5960,7 @@ var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
5957
5960
  searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
5958
5961
  var handleTabChange = function handleTabChange(tab) {
5959
5962
  var _pageProperties$tab, _pageProperties$tab2;
5963
+ setDataSize(null);
5960
5964
  var queryParams = utils$3.getQueryParams({
5961
5965
  toCamelCase: false
5962
5966
  });