@bigbinary/neeto-fields-frontend 1.3.8 → 1.3.9

package/dist/index.js

@@ -10,7 +10,7 @@ import { joinHyphenCase, buildUrl, getQueryParams } from '@bigbinary/neeto-commo
 import { Check, Delete, MenuHorizontal, Info, Reorder } from '@bigbinary/neeto-icons';
 import { Button, ActionBlock as ActionBlock$1, Input as Input$1, Select as Select$1, Switch, Form } from '@bigbinary/neetoui/formik';
 import { useTranslation, Trans } from 'react-i18next';
-import { DEFAULT_PAGE_INDEX, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
+import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import Container from '@bigbinary/neeto-molecules/Container';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { useQuery } from 'react-query';
@@ -180,7 +180,6 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-var DEFAULT_PAGE_SIZE = 12;
 var KINDS = {
   text: "text",
   number: "number",
@@ -1191,7 +1190,8 @@ var fetch$1 = function fetch(_ref) {
     ownerId = _ref.ownerId,
     state = _ref.state,
     searchTerm = _ref.searchTerm,
-    pageProps = _ref.pageProps;
+    _ref$pageProps = _ref.pageProps,
+    pageProps = _ref$pageProps === void 0 ? {} : _ref$pageProps;
   return axios.get(FIELDS_URL, {
     params: _objectSpread$c({
       resourceType: resourceType,
@@ -1257,7 +1257,7 @@ var QUERY_KEYS = {
 };
 var DEFAULT_STALE_TIME = 3600000; // 1 hour
 
-var _excluded$4 = ["prefixQueryKeys", "pageProps"];
+var _excluded$4 = ["prefixQueryKeys"];
 function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FIELDS = QUERY_KEYS.FIELDS,
@@ -1265,13 +1265,9 @@ var FIELDS = QUERY_KEYS.FIELDS,
 var useFetchFields = function useFetchFields(_ref, options) {
   var _ref$prefixQueryKeys = _ref.prefixQueryKeys,
     prefixQueryKeys = _ref$prefixQueryKeys === void 0 ? [] : _ref$prefixQueryKeys,
-    _ref$pageProps = _ref.pageProps,
-    pageProps = _ref$pageProps === void 0 ? {} : _ref$pageProps,
     params = _objectWithoutProperties(_ref, _excluded$4);
-  return useQuery([FIELDS].concat(_toConsumableArray(prefixQueryKeys), [pageProps, params]), function () {
-    return fieldsApi.fetch(_objectSpread$b({
-      pageProps: pageProps
-    }, params));
+  return useQuery([FIELDS].concat(_toConsumableArray(prefixQueryKeys), [params]), function () {
+    return fieldsApi.fetch(params);
   }, _objectSpread$b({
     staleTime: DEFAULT_STALE_TIME
   }, options));
@@ -2562,7 +2558,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
     searchTerm = _useState10[0],
     setSearchTerm = _useState10[1];
   var _useState11 = useState({
-      pageIndex: DEFAULT_PAGE_INDEX,
+      page: DEFAULT_PAGE_INDEX,
       pageSize: DEFAULT_PAGE_SIZE
     }),
     _useState12 = _slicedToArray(_useState11, 2),
@@ -2586,12 +2582,13 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
     _useFetchConfigs$data4 = _useFetchConfigs$data2.resourceTypes,
     resourceTypes = _useFetchConfigs$data4 === void 0 ? [] : _useFetchConfigs$data4,
     isConfigsLoading = _useFetchConfigs.isLoading;
-  var fieldParams = _objectSpread$5({
+  var fieldParams = {
     resourceType: !isOwnerBased ? resource : undefined,
     ownerId: ownerId,
     state: state || FIELD_STATES.active,
-    searchTerm: debouncedSearchTerm
-  }, pageProps);
+    searchTerm: debouncedSearchTerm,
+    pageProps: pageProps
+  };
   var _useFetchFields = useFetchFields(fieldParams, {
       enabled: !!resource,
       keepPreviousData: true
@@ -2723,7 +2720,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
   }, [isConfigsLoading, resources, resource, state]);
   useEffect(function () {
     setPageProps({
-      pageIndex: DEFAULT_PAGE_INDEX,
+      page: DEFAULT_PAGE_INDEX,
       pageSize: DEFAULT_PAGE_SIZE
     });
   }, [searchTerm, state, resource]);
@@ -2815,7 +2812,7 @@ var FieldsTable = function FieldsTable(_ref) {
   var _getQueryParams = getQueryParams(),
     state = _getQueryParams.state;
   title = title.toLocaleLowerCase();
-  var pageIndex = pageProps.pageIndex,
+  var page = pageProps.page,
     pageSize = pageProps.pageSize;
   var noDataProps = {};
   if (!isFetched && isEmpty(rowData)) {
@@ -2847,14 +2844,14 @@ var FieldsTable = function FieldsTable(_ref) {
     totalCount: totalCount,
     fixedHeight: true,
     allowRowClick: false,
-    currentPageNumber: pageIndex,
+    currentPageNumber: page,
     defaultPageSize: pageSize,
-    loading: isFetching,
-    handlePageChange: function handlePageChange(pageIndex) {
+    handlePageChange: function handlePageChange(page) {
       return setPageProps(_objectSpread$4(_objectSpread$4({}, pageProps), {}, {
-        pageIndex: pageIndex
+        page: page
       }));
-    }
+    },
+    loading: isFetching
   }));
 };