@k-int/stripes-kint-components 5.36.0 → 5.37.0

package/es/lib/hooks/useMutateTemplates/useMutateTemplates.js

@@ -7,19 +7,28 @@ exports.default = void 0;
 var _noop = _interopRequireDefault(require("lodash/noop"));
 var _useInvalidateRefdata = _interopRequireDefault(require("../useInvalidateRefdata"));
 var _useMutateGeneric = _interopRequireDefault(require("../useMutateGeneric"));
+const _excluded = ["afterQueryCalls", "endpoint"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const useMutateTemplates = _ref => {
-  let {
-    afterQueryCalls: {
-      delete: afterQueryDelete = _noop.default,
-      post: afterQueryPost = _noop.default,
-      put: afterQueryPut = _noop.default
-    } = {},
-    endpoint,
-    ...mutateGenericProps
-  } = _ref;
+  let _ref$afterQueryCalls = _ref.afterQueryCalls,
+    _ref$afterQueryCalls2 = _ref$afterQueryCalls === void 0 ? {} : _ref$afterQueryCalls,
+    _ref$afterQueryCalls3 = _ref$afterQueryCalls2.delete,
+    afterQueryDelete = _ref$afterQueryCalls3 === void 0 ? _noop.default : _ref$afterQueryCalls3,
+    _ref$afterQueryCalls4 = _ref$afterQueryCalls2.post,
+    afterQueryPost = _ref$afterQueryCalls4 === void 0 ? _noop.default : _ref$afterQueryCalls4,
+    _ref$afterQueryCalls5 = _ref$afterQueryCalls2.put,
+    afterQueryPut = _ref$afterQueryCalls5 === void 0 ? _noop.default : _ref$afterQueryCalls5,
+    endpoint = _ref.endpoint,
+    mutateGenericProps = _objectWithoutProperties(_ref, _excluded);
   const invalidateRefdata = (0, _useInvalidateRefdata.default)();
-  return (0, _useMutateGeneric.default)({
+  return (0, _useMutateGeneric.default)(_objectSpread({
     afterQueryCalls: {
       delete: res => {
         invalidateRefdata().then(() => {
@@ -38,8 +47,7 @@ const useMutateTemplates = _ref => {
       }
     },
     endpoint,
-    queryKey: ['stripes-kint-components', 'useMutateTemplates'],
-    ...mutateGenericProps
-  });
+    queryKey: ['stripes-kint-components', 'useMutateTemplates']
+  }, mutateGenericProps));
 };
 var _default = exports.default = useMutateTemplates;

package/es/lib/hooks/useMutateTemplates/useMutateTemplates.test.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _react = require("@folio/jest-config-stripes/testing-library/react");
+var _useMutateGeneric = _interopRequireDefault(require("../useMutateGeneric"));
+var _useInvalidateRefdata = _interopRequireDefault(require("../useInvalidateRefdata"));
+var _useMutateTemplates = _interopRequireDefault(require("./useMutateTemplates"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+jest.mock('../useMutateGeneric');
+jest.mock('../useInvalidateRefdata');
+describe('useMutateTemplates', () => {
+  const mockEndpoint = 'erm/templates';
+  const mockInvalidate = jest.fn(() => Promise.resolve());
+  beforeEach(() => {
+    jest.clearAllMocks();
+    _useInvalidateRefdata.default.mockReturnValue(mockInvalidate);
+  });
+  test('passes the correct queryKey', () => {
+    (0, _react.renderHook)(() => (0, _useMutateTemplates.default)({
+      endpoint: mockEndpoint
+    }));
+    const sentConfig = _useMutateGeneric.default.mock.calls[0][0];
+    expect(sentConfig.queryKey).toEqual(['stripes-kint-components', 'useMutateTemplates']);
+  });
+  describe('afterQueryCalls', () => {
+    test.each(['delete', 'post', 'put'])('Verb: %s calls invalidateRefdata', async verb => {
+      (0, _react.renderHook)(() => (0, _useMutateTemplates.default)({
+        endpoint: mockEndpoint
+      }));
+      const afterQueryCalls = _useMutateGeneric.default.mock.calls[0][0].afterQueryCalls;
+      await afterQueryCalls[verb]({});
+      expect(mockInvalidate).toHaveBeenCalled();
+    });
+  });
+});

package/es/lib/hooks/useParallelBatchFetch.js

@@ -9,6 +9,20 @@ var _reactQuery = require("react-query");
 var _lodash = require("lodash");
 var _core = require("@folio/stripes/core");
 var _utils = require("../utils");
+const _excluded = ["enabled"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 // A hook to do the same thing as batch fetching > 100 resources, but parallelising it.
 
 // Only defining defaults to ward of "magic number" sonarlint rule -.-
@@ -19,37 +33,37 @@ const DEFAULT_BATCH_LIMIT = Infinity;
 // CONCURRENT_REQUESTS and BATCH_SIZE can be tweaked here, but implementor beware
 // They are formatted as if constants to discourage this
 const useParallelBatchFetch = _ref => {
-  let {
-    BATCH_LIMIT = DEFAULT_BATCH_LIMIT,
-    // Number of resources to stop at, Infinity by default but can be set to a limit
-    batchParams = {},
-    // Params object of the shape accepted by generateKiwtQueryParams
-    nsValues = {},
-    BATCH_SIZE = MAX_BATCH_SIZE,
-    // Number of resources to fetch per batch
-    CONCURRENT_REQUESTS = CONCURRENT_REQUESTS_DEFAULT,
-    // Number of requests to make concurrently
-    endpoint,
-    // endpoint to hit to fetch items
-    generateQueryKey,
-    // Passed function to allow customised query keys
-    queryNamespace = 'stripes-kint-components',
-    queryOptions: passedQueryOptions = {} // Options to pass to each query
-  } = _ref;
+  let _ref$BATCH_LIMIT = _ref.BATCH_LIMIT,
+    BATCH_LIMIT = _ref$BATCH_LIMIT === void 0 ? DEFAULT_BATCH_LIMIT : _ref$BATCH_LIMIT,
+    _ref$batchParams = _ref.batchParams,
+    batchParams = _ref$batchParams === void 0 ? {} : _ref$batchParams,
+    _ref$nsValues = _ref.nsValues,
+    nsValues = _ref$nsValues === void 0 ? {} : _ref$nsValues,
+    _ref$BATCH_SIZE = _ref.BATCH_SIZE,
+    BATCH_SIZE = _ref$BATCH_SIZE === void 0 ? MAX_BATCH_SIZE : _ref$BATCH_SIZE,
+    _ref$CONCURRENT_REQUE = _ref.CONCURRENT_REQUESTS,
+    CONCURRENT_REQUESTS = _ref$CONCURRENT_REQUE === void 0 ? CONCURRENT_REQUESTS_DEFAULT : _ref$CONCURRENT_REQUE,
+    endpoint = _ref.endpoint,
+    generateQueryKey = _ref.generateQueryKey,
+    _ref$queryNamespace = _ref.queryNamespace,
+    queryNamespace = _ref$queryNamespace === void 0 ? 'stripes-kint-components' : _ref$queryNamespace,
+    _ref$queryOptions = _ref.queryOptions,
+    passedQueryOptions = _ref$queryOptions === void 0 ? {} : _ref$queryOptions;
   const ky = (0, _core.useOkapiKy)();
   const SAFE_BATCH_SIZE = Math.min(BATCH_SIZE, MAX_BATCH_SIZE);
-  const [isLoading, setIsLoading] = (0, _react.useState)(true);
+  const _useState = (0, _react.useState)(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
 
   // Destructure passed query options to grab enabled
-  const {
-    enabled: queryEnabled = true,
-    ...queryOptions
-  } = passedQueryOptions;
-  const paramsArray = (0, _react.useMemo)(() => (0, _utils.generateKiwtQueryParams)({
-    ...batchParams,
+  const _passedQueryOptions$e = passedQueryOptions.enabled,
+    queryEnabled = _passedQueryOptions$e === void 0 ? true : _passedQueryOptions$e,
+    queryOptions = _objectWithoutProperties(passedQueryOptions, _excluded);
+  const paramsArray = (0, _react.useMemo)(() => (0, _utils.generateKiwtQueryParams)(_objectSpread(_objectSpread({}, batchParams), {}, {
     perPage: SAFE_BATCH_SIZE,
     stats: true
-  }, nsValues), [batchParams, nsValues, SAFE_BATCH_SIZE]);
+  }), nsValues), [batchParams, nsValues, SAFE_BATCH_SIZE]);
   const getDefaultNSArray = (0, _react.useCallback)(offset => [queryNamespace, endpoint, offset, paramsArray, 'useChunkedBatchedFetch'], [queryNamespace, endpoint, paramsArray]);
   const namespaceArray = generateQueryKey ? generateQueryKey({
     CONCURRENT_REQUESTS,
@@ -63,13 +77,19 @@ const useParallelBatchFetch = _ref => {
   }) : getDefaultNSArray(0);
 
   // Firstly fetch page 1 to get information about totals
-  const firstFetchResult = (0, _reactQuery.useQuery)(namespaceArray, () => ky.get(`${endpoint}?${[...paramsArray, 'offset=0']?.join('&')}`).json(), passedQueryOptions);
-  const totalRecords = (0, _react.useMemo)(() => firstFetchResult?.data?.total ?? 0, [firstFetchResult]);
+  const firstFetchResult = (0, _reactQuery.useQuery)(namespaceArray, () => {
+    var _ref2;
+    return ky.get("".concat(endpoint, "?").concat((_ref2 = [...paramsArray, 'offset=0']) === null || _ref2 === void 0 ? void 0 : _ref2.join('&'))).json();
+  }, passedQueryOptions);
+  const totalRecords = (0, _react.useMemo)(() => {
+    var _firstFetchResult$dat, _firstFetchResult$dat2;
+    return (_firstFetchResult$dat = firstFetchResult === null || firstFetchResult === void 0 || (_firstFetchResult$dat2 = firstFetchResult.data) === null || _firstFetchResult$dat2 === void 0 ? void 0 : _firstFetchResult$dat2.total) !== null && _firstFetchResult$dat !== void 0 ? _firstFetchResult$dat : 0;
+  }, [firstFetchResult]);
 
   // WAIT for initial fetch to conclude before setting up queryArray
   // Set up query array, and only enable the first CONCURRENT_REQUESTS requests
   const getQueryArray = (0, _react.useCallback)(() => {
-    if (!firstFetchResult?.isFetched) {
+    if (!(firstFetchResult !== null && firstFetchResult !== void 0 && firstFetchResult.isFetched)) {
       return [];
     }
     const recordsToFetch = Math.min(totalRecords, BATCH_LIMIT);
@@ -78,6 +98,7 @@ const useParallelBatchFetch = _ref => {
     const queryArray = [];
     // Offset will be i * SAFE_BATCH_SIZE
     for (let offset = SAFE_BATCH_SIZE; offset < recordsToFetch; offset += SAFE_BATCH_SIZE) {
+      var _ref3;
       const queryKey = generateQueryKey ? generateQueryKey({
         CONCURRENT_REQUESTS,
         BATCH_LIMIT,
@@ -88,14 +109,13 @@ const useParallelBatchFetch = _ref => {
         paramsArray,
         passedQueryOptions
       }) : getDefaultNSArray(offset);
-      const paramString = [...paramsArray, `offset=${offset}`]?.join('&');
-      queryArray.push({
+      const paramString = (_ref3 = [...paramsArray, "offset=".concat(offset)]) === null || _ref3 === void 0 ? void 0 : _ref3.join('&');
+      queryArray.push(_objectSpread({
         queryKey,
-        queryFn: () => ky.get(`${endpoint}?${paramString}`).json(),
+        queryFn: () => ky.get("".concat(endpoint, "?").concat(paramString)).json(),
         // Only enable once the previous slice has all been fetched
-        enabled: queryEnabled && offset / SAFE_BATCH_SIZE < CONCURRENT_REQUESTS,
-        ...queryOptions
-      });
+        enabled: queryEnabled && offset / SAFE_BATCH_SIZE < CONCURRENT_REQUESTS
+      }, queryOptions));
     }
     return queryArray;
   }, [BATCH_LIMIT, batchParams, CONCURRENT_REQUESTS, endpoint, firstFetchResult, generateQueryKey, getDefaultNSArray, ky, paramsArray, passedQueryOptions, queryEnabled, queryOptions, SAFE_BATCH_SIZE, totalRecords]);
@@ -108,9 +128,10 @@ const useParallelBatchFetch = _ref => {
   (0, _react.useEffect)(() => {
     const chunkedQuery = (0, _lodash.chunk)(returnItemQueries, CONCURRENT_REQUESTS);
     chunkedQuery.forEach((q, i) => {
+      var _chunkedQuery;
       // Check that all previous chunk are fetched,
       // and that all of our current chunk are not fetched and not loading
-      if (i !== 0 && chunkedQuery[i - 1]?.every(pq => pq.isFetched === true) && q.every(req => req.isFetched === false) && q.every(req => req.isLoading === false)) {
+      if (i !== 0 && (_chunkedQuery = chunkedQuery[i - 1]) !== null && _chunkedQuery !== void 0 && _chunkedQuery.every(pq => pq.isFetched === true) && q.every(req => req.isFetched === false) && q.every(req => req.isLoading === false)) {
         // Trigger fetch for each request in the chunk
         q.forEach(req => {
           req.refetch();
@@ -122,7 +143,8 @@ const useParallelBatchFetch = _ref => {
   // Keep easy track of whether this hook is all loaded or not
   // (This slightly flattens the "isLoading/isFetched" distinction, but it's an ease of use prop)
   (0, _react.useEffect)(() => {
-    const newLoading = (returnItemQueries?.length ?? 0) < 1 || returnItemQueries?.some(uq => !uq.isFetched);
+    var _returnItemQueries$le;
+    const newLoading = ((_returnItemQueries$le = returnItemQueries === null || returnItemQueries === void 0 ? void 0 : returnItemQueries.length) !== null && _returnItemQueries$le !== void 0 ? _returnItemQueries$le : 0) < 1 || (returnItemQueries === null || returnItemQueries === void 0 ? void 0 : returnItemQueries.some(uq => !uq.isFetched));
     if (isLoading !== newLoading) {
       setIsLoading(newLoading);
     }
@@ -131,8 +153,9 @@ const useParallelBatchFetch = _ref => {
     itemQueries: returnItemQueries,
     isLoading,
     // Offer all fetched orderLines in flattened array once ready
-    items: isLoading ? [] : returnItemQueries?.reduce((acc, curr) => {
-      return [...acc, ...(curr?.data?.results ?? [])];
+    items: isLoading ? [] : returnItemQueries === null || returnItemQueries === void 0 ? void 0 : returnItemQueries.reduce((acc, curr) => {
+      var _curr$data$results, _curr$data;
+      return [...acc, ...((_curr$data$results = curr === null || curr === void 0 || (_curr$data = curr.data) === null || _curr$data === void 0 ? void 0 : _curr$data.results) !== null && _curr$data$results !== void 0 ? _curr$data$results : [])];
     }, []),
     total: totalRecords
   };

package/es/lib/hooks/usePrevNextPagination.js

@@ -10,23 +10,34 @@ var _queryString = _interopRequireDefault(require("query-string"));
 var _pagination = require("../constants/pagination");
 var _useLocalPageStore = _interopRequireDefault(require("./useLocalPageStore"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 // Currently there are several places in which this hook is used twice within the same component
 // Once in order to get the current page, and again in order to handle changes to paginations
 // This hook should be refactored in order to resolve these issue - @EthanFreestone
 const usePrevNextPagination = function () {
-  let {
-    count = 0,
-    // Only needed for reading back MCL props
-    defaultToPageOne = true,
-    // A prop to allow the implementor to turn off the defaulting to page=1
-    pageSize = _pagination.DEFAULT_PAGINATION_SIZE,
-    // Only needed for reading back MCL props
-    id = _pagination.DEFAULT_PAGE_KEY,
-    // This id is ONLY used for syncToLocation: false cases, as a key to the zustand store
-    syncToLocation = true,
-    // Used to turn on/off location syncing, so can be used as standalone state if required,
-    hasNextPage = null // Override for canGoNext, used in the case in which resources are fetched with no stats
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 0 : _ref$count,
+    _ref$defaultToPageOne = _ref.defaultToPageOne,
+    defaultToPageOne = _ref$defaultToPageOne === void 0 ? true : _ref$defaultToPageOne,
+    _ref$pageSize = _ref.pageSize,
+    pageSize = _ref$pageSize === void 0 ? _pagination.DEFAULT_PAGINATION_SIZE : _ref$pageSize,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? _pagination.DEFAULT_PAGE_KEY : _ref$id,
+    _ref$syncToLocation = _ref.syncToLocation,
+    syncToLocation = _ref$syncToLocation === void 0 ? true : _ref$syncToLocation,
+    _ref$hasNextPage = _ref.hasNextPage,
+    hasNextPage = _ref$hasNextPage === void 0 ? null : _ref$hasNextPage;
   /* ------ ZUSTAND STORE ------ */
   // For NON-SYNC-TO-LOCATION use cases, store the currentPage in a keyed store
   const pageStore = (0, _useLocalPageStore.default)(state => state.pageStore);
@@ -48,7 +59,10 @@ const usePrevNextPagination = function () {
     return initialCurrentPage;
   }, [id, pageStore, setPage, syncToLocation]);
   // State itself
-  const [currentPage, setCurrentPage] = (0, _react.useState)(getInitialCurrentPage());
+  const _useState = (0, _react.useState)(getInitialCurrentPage()),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentPage = _useState2[0],
+    setCurrentPage = _useState2[1];
   const location = (0, _reactRouterDom.useLocation)();
   const history = (0, _reactRouterDom.useHistory)();
 
@@ -69,18 +83,20 @@ const usePrevNextPagination = function () {
       // change the store and the currentPage will update below
       setPage(id, newPage);
       setCurrentPage(newPage);
-    } else if (newPage !== urlQuery?.page) {
-      const newQuery = {
-        ...urlQuery,
+    } else if (newPage !== (urlQuery === null || urlQuery === void 0 ? void 0 : urlQuery.page)) {
+      const newQuery = _objectSpread(_objectSpread({}, urlQuery), {}, {
         page: newPage
-      };
+      });
       history.push({
         pathname: location.pathname,
-        search: `?${_queryString.default.stringify(newQuery)}`
+        search: "?".concat(_queryString.default.stringify(newQuery))
       });
     }
   }, [currentPage, history, id, location.pathname, location.search, setPage, syncToLocation]);
-  const [resetPageState, setResetPageState] = (0, _react.useState)(false);
+  const _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    resetPageState = _useState4[0],
+    setResetPageState = _useState4[1];
   const resetPage = (0, _react.useCallback)(() => {
     if (syncToLocation) {
       setResetPageState(true);
@@ -92,30 +108,28 @@ const usePrevNextPagination = function () {
   (0, _react.useEffect)(() => {
     if (syncToLocation) {
       const urlQuery = _queryString.default.parse(location.search);
-      if (urlQuery?.page && currentPage !== urlQuery?.page) {
-        setCurrentPage(Number(urlQuery?.page));
-      } else if (!urlQuery?.page && defaultToPageOne) {
+      if (urlQuery !== null && urlQuery !== void 0 && urlQuery.page && currentPage !== (urlQuery === null || urlQuery === void 0 ? void 0 : urlQuery.page)) {
+        setCurrentPage(Number(urlQuery === null || urlQuery === void 0 ? void 0 : urlQuery.page));
+      } else if (!(urlQuery !== null && urlQuery !== void 0 && urlQuery.page) && defaultToPageOne) {
         // If url query "page" is not yet set, set it to 1
         setCurrentPage(1);
-        const newQuery = {
-          ...urlQuery,
+        const newQuery = _objectSpread(_objectSpread({}, urlQuery), {}, {
           page: 1
-        };
+        });
 
         // We use replace instead of push for the defaulting so we don't add unnecessary history entries
         history.replace({
           pathname: location.pathname,
-          search: `?${_queryString.default.stringify(newQuery)}`
+          search: "?".concat(_queryString.default.stringify(newQuery))
         });
       }
       if (resetPageState) {
-        const newQuery = {
-          ...urlQuery,
+        const newQuery = _objectSpread(_objectSpread({}, urlQuery), {}, {
           page: 1
-        };
+        });
         history.push({
           pathname: location.pathname,
-          search: `?${_queryString.default.stringify(newQuery)}`
+          search: "?".concat(_queryString.default.stringify(newQuery))
         });
         setResetPageState(false);
       }
@@ -127,7 +141,7 @@ const usePrevNextPagination = function () {
   }, [currentPage, defaultToPageOne, history, id, location, pageStore, resetPageState, syncToLocation]);
 
   // Set up MCL specific props based on page
-  const pagingCanGoNext = hasNextPage ?? (currentPage && currentPage < Number(count) / pageSize);
+  const pagingCanGoNext = hasNextPage !== null && hasNextPage !== void 0 ? hasNextPage : currentPage && currentPage < Number(count) / pageSize;
   const pagingCanGoPrevious = currentPage && Number(currentPage) > 1;
   const pagingOffset = currentPage ? (currentPage - 1) * pageSize : 0;
   const onNeedMoreData = function () {

package/es/lib/hooks/useQIndex.js

@@ -9,35 +9,47 @@ var _reactRouterDom = require("react-router-dom");
 var _queryString = _interopRequireDefault(require("query-string"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const useQIndex = () => {
   const history = (0, _reactRouterDom.useHistory)();
   const location = (0, _reactRouterDom.useLocation)();
   const query = _queryString.default.parse(location.search);
-  const [currentQindex, setCurrentQindex] = (0, _react.useState)(query?.qindex);
+  const _useState = (0, _react.useState)(query === null || query === void 0 ? void 0 : query.qindex),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentQindex = _useState2[0],
+    setCurrentQindex = _useState2[1];
   const handleQindexChange = newQindex => {
     setCurrentQindex(newQindex);
-    if (newQindex !== query?.qindex) {
+    if (newQindex !== (query === null || query === void 0 ? void 0 : query.qindex)) {
       let newQuery;
       if (newQindex !== '') {
-        newQuery = {
-          ...query,
+        newQuery = _objectSpread(_objectSpread({}, query), {}, {
           qindex: newQindex
-        };
+        });
       } else {
-        newQuery = {
-          ...query,
+        newQuery = _objectSpread(_objectSpread({}, query), {}, {
           qindex: undefined
-        };
+        });
       }
       history.push({
         pathname: location.pathname,
-        search: `?${_queryString.default.stringify(newQuery)}`
+        search: "?".concat(_queryString.default.stringify(newQuery))
       });
     }
   };
   (0, _react.useEffect)(() => {
-    if (currentQindex !== query?.qindex) {
-      setCurrentQindex(query?.qindex);
+    if (currentQindex !== (query === null || query === void 0 ? void 0 : query.qindex)) {
+      setCurrentQindex(query === null || query === void 0 ? void 0 : query.qindex);
     }
   }, [currentQindex, history, location, query]);
   return [currentQindex, handleQindexChange];

package/es/lib/hooks/useRefdata.js

@@ -10,13 +10,13 @@ var _core = require("@folio/stripes/core");
 var _utils = require("../utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useRefdata = _ref => {
-  let {
-    endpoint,
-    desc,
-    options = _utils.refdataOptions,
-    queryParams,
-    returnQueryObject = false
-  } = _ref;
+  let endpoint = _ref.endpoint,
+    desc = _ref.desc,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? _utils.refdataOptions : _ref$options,
+    queryParams = _ref.queryParams,
+    _ref$returnQueryObjec = _ref.returnQueryObject,
+    returnQueryObject = _ref$returnQueryObjec === void 0 ? false : _ref$returnQueryObjec;
   const ky = (0, _core.useOkapiKy)();
   const nsValues = {};
 
@@ -28,20 +28,18 @@ const useRefdata = _ref => {
 
   if (Array.isArray(desc)) {
     // If we have an array, append a desc filter for each desc given
-    nsValues.filters = desc.map(d => `DescKey.${d}`).join(',');
+    nsValues.filters = desc.map(d => "DescKey.".concat(d)).join(',');
   } else if (desc) {
     // If we just have a string, append a single desc filter
-    nsValues.filters = `DescKey.${desc}`;
+    nsValues.filters = "DescKey.".concat(desc);
   }
   const query = (0, _utils.generateKiwtQuery)(options, nsValues);
-  const path = `${endpoint}${query}`;
+  const path = "".concat(endpoint).concat(query);
   const queryObject = (0, _reactQuery.useQuery)((0, _utils.refdataQueryKey)(desc), () => ky(path).json(), queryParams);
   if (returnQueryObject) {
     return queryObject || {};
   }
-  const {
-    data: refdata
-  } = queryObject;
+  const refdata = queryObject.data;
   return refdata || [];
 };
 useRefdata.propTypes = {

package/es/lib/hooks/useSASQQueryMeta.js

@@ -7,9 +7,8 @@ exports.default = void 0;
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 const useSASQQueryMeta = id => {
-  const {
-    0: namespace
-  } = (0, _core.useNamespace)();
+  const _useNamespace = (0, _core.useNamespace)(),
+    namespace = _useNamespace[0];
   const queryClient = (0, _reactQuery.useQueryClient)();
   const queryNSBase = [namespace, 'SASQ'];
   if (id) {

package/es/lib/hooks/useStandaloneSASQQueryParameter/useStandaloneSASQQueryParameter.js

@@ -8,6 +8,11 @@ var _react = require("react");
 var _reactRouter = require("react-router");
 var _queryString = _interopRequireDefault(require("query-string"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // !WARNING! This pattern is not recommended
 // You likely want to make use of the filterConfig valuesMapping/filterPrefix
 // instead so SASQ filters can be used natively
@@ -27,12 +32,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * @returns {{ handler: function, param: string }} An object containing the update handler and the current parameter value.
  */
 const useStandaloneSASQQueryParameter = _ref => {
-  let {
-    name,
-    defaultValue,
-    // This is the value that will be spun up if no value is present in the url
-    fallbackValue // This is the value that will be set if there is no value passed to handler (values[0])
-  } = _ref;
+  let name = _ref.name,
+    defaultValue = _ref.defaultValue,
+    fallbackValue = _ref.fallbackValue;
   const location = (0, _reactRouter.useLocation)();
   const history = (0, _reactRouter.useHistory)();
 
@@ -40,28 +42,25 @@ const useStandaloneSASQQueryParameter = _ref => {
   const urlQuery = _queryString.default.parse(location.search);
   const param = urlQuery[name];
   const handler = _ref2 => {
-    let {
-      name: _name,
-      values
-    } = _ref2;
-    const newQuery = {
-      ...urlQuery,
-      [name]: values[1] ?? fallbackValue // SECOND value is the new one
-    };
+    var _values$;
+    let _name = _ref2.name,
+      values = _ref2.values;
+    const newQuery = _objectSpread(_objectSpread({}, urlQuery), {}, {
+      [name]: (_values$ = values[1]) !== null && _values$ !== void 0 ? _values$ : fallbackValue // SECOND value is the new one
+    });
     history.push({
       pathname: location.pathname,
-      search: `?${_queryString.default.stringify(newQuery)}`
+      search: "?".concat(_queryString.default.stringify(newQuery))
     });
   };
   (0, _react.useEffect)(() => {
     if (!param) {
-      const newQuery = {
-        ...urlQuery,
+      const newQuery = _objectSpread(_objectSpread({}, urlQuery), {}, {
         [name]: defaultValue
-      };
+      });
       history.push({
         pathname: location.pathname,
-        search: `?${_queryString.default.stringify(newQuery)}`
+        search: "?".concat(_queryString.default.stringify(newQuery))
       });
     }
   }, [defaultValue, history, location.pathname, name, param, urlQuery]);

package/es/lib/hooks/useTemplates.js

@@ -9,25 +9,22 @@ var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useTemplates = _ref => {
-  let {
-    context,
-    endpoint,
-    queryParams,
-    sort
-  } = _ref;
+  let context = _ref.context,
+    endpoint = _ref.endpoint,
+    queryParams = _ref.queryParams,
+    sort = _ref.sort;
   const ky = (0, _core.useOkapiKy)();
   const extraPathItems = [];
   if (context) {
-    extraPathItems.push(`filters=context=${context}`);
+    extraPathItems.push("filters=context=".concat(context));
   }
   if (sort) {
-    extraPathItems.push(`sort=${sort}`);
+    extraPathItems.push("sort=".concat(sort));
   }
   extraPathItems.push('max=500');
-  const path = `${endpoint}?${extraPathItems.join('&')}`;
-  const {
-    data: templates
-  } = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useTemplates', 'templates', context ?? ''], () => ky(path).json(), queryParams);
+  const path = "".concat(endpoint, "?").concat(extraPathItems.join('&'));
+  const _useQuery = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useTemplates', 'templates', context !== null && context !== void 0 ? context : ''], () => ky(path).json(), queryParams),
+    templates = _useQuery.data;
   return templates || [];
 };
 var _default = exports.default = useTemplates;