@k-int/stripes-kint-components 3.2.2 → 3.2.4

package/es/lib/SASQLookupComponent/SASQLookupComponent.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -16,167 +15,135 @@ var _utils = require("../utils");
 var _hooks = require("../hooks");
 var _TableBody = _interopRequireDefault(require("./TableBody"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["data"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _totalData$pages$redu, _totalData$pages;
-  var _children = props.children,
-    _props$fetchParameter = props.fetchParameters,
-    fetchParameters = _props$fetchParameter === void 0 ? {} : _props$fetchParameter,
-    _props$FilterComponen = props.FilterComponent,
-    FilterComponent = _props$FilterComponen === void 0 ? function () {
-      return null;
-    } : _props$FilterComponen,
-    _props$FilterPaneHead = props.FilterPaneHeaderComponent,
-    FilterPaneHeaderComponent = _props$FilterPaneHead === void 0 ? function () {
-      return null;
-    } : _props$FilterPaneHead,
-    _props$filterPaneProp = props.filterPaneProps,
-    filterPaneProps = _props$filterPaneProp === void 0 ? {} : _props$filterPaneProp,
-    id = props.id,
-    passedIntlKey = props.intlKey,
-    passedIntlNS = props.intlNS,
-    _props$labelOverrides = props.labelOverrides,
-    labelOverrides = _props$labelOverrides === void 0 ? {} : _props$labelOverrides,
-    mainPaneProps = props.mainPaneProps,
-    noSearchField = props.noSearchField,
-    _props$persistedPanes = props.persistedPanesetProps,
-    persistedPanesetProps = _props$persistedPanes === void 0 ? {} : _props$persistedPanes,
-    RenderBody = props.RenderBody,
-    sasqProps = props.sasqProps,
-    searchFieldAriaLabel = props.searchFieldAriaLabel,
-    searchFieldProps = props.searchFieldProps;
-  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  var _useKiwtSASQuery = (0, _hooks.useKiwtSASQuery)(),
-    query = _useKiwtSASQuery.query,
-    queryGetter = _useKiwtSASQuery.queryGetter,
-    querySetter = _useKiwtSASQuery.querySetter;
-  var _useNamespace = (0, _core.useNamespace)(),
-    namespace = _useNamespace[0];
-  var ky = (0, _core.useOkapiKy)();
-  var filterPaneVisibileKey = "".concat(namespace, "-").concat(id, "-filterPaneVisibility");
-  var fetchPageData = function fetchPageData(_ref) {
-    var _ref$pageParam = _ref.pageParam,
-      pageParam = _ref$pageParam === void 0 ? 0 : _ref$pageParam;
-    var queryMap = fetchParameters.SASQ_MAP;
+const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    fetchParameters = {},
+    FilterComponent = () => null,
+    FilterPaneHeaderComponent = () => null,
+    filterPaneProps = {},
+    id,
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    labelOverrides = {},
+    mainPaneProps,
+    noSearchField,
+    persistedPanesetProps = {},
+    RenderBody,
+    sasqProps,
+    searchFieldAriaLabel,
+    searchFieldProps
+  } = props;
+  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  const {
+    query,
+    queryGetter,
+    querySetter
+  } = (0, _hooks.useKiwtSASQuery)();
+  const {
+    0: namespace
+  } = (0, _core.useNamespace)();
+  const ky = (0, _core.useOkapiKy)();
+  const filterPaneVisibileKey = `${namespace}-${id}-filterPaneVisibility`;
+  const fetchPageData = _ref => {
+    let {
+      pageParam = 0
+    } = _ref;
+    const queryMap = fetchParameters.SASQ_MAP;
     queryMap.offset = pageParam;
-    return ky("".concat(fetchParameters.endpoint).concat((0, _utils.generateKiwtQuery)(queryMap, query))).json();
+    return ky(`${fetchParameters.endpoint}${(0, _utils.generateKiwtQuery)(queryMap, query)}`).json();
   };
-  var _useLocalStorageState = (0, _hooks.useLocalStorageState)(filterPaneVisibileKey, true),
-    _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 2),
-    filterPaneVisible = _useLocalStorageState2[0],
-    setFilterPaneVisible = _useLocalStorageState2[1];
-  var toggleFilterPane = function toggleFilterPane() {
-    return setFilterPaneVisible(!filterPaneVisible);
-  };
-  var queryNamespace = [namespace, 'SASQ'];
+  const [filterPaneVisible, setFilterPaneVisible] = (0, _hooks.useLocalStorageState)(filterPaneVisibileKey, true);
+  const toggleFilterPane = () => setFilterPaneVisible(!filterPaneVisible);
+  const queryNamespace = [namespace, 'SASQ'];
   if (id) {
     queryNamespace.push(id);
   }
   queryNamespace.push('viewAll');
   queryNamespace.push(query);
-  var _useInfiniteQuery = (0, _reactQuery.useInfiniteQuery)(queryNamespace, fetchPageData),
-    _useInfiniteQuery$dat = _useInfiniteQuery.data,
-    totalData = _useInfiniteQuery$dat === void 0 ? {} : _useInfiniteQuery$dat,
-    restOfInfiniteQueryProps = _objectWithoutProperties(_useInfiniteQuery, _excluded);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      lookupQueryProps: _objectSpread({
-        data: totalData
-      }, restOfInfiniteQueryProps)
+  const {
+    data: totalData = {},
+    ...restOfInfiniteQueryProps
+  } = (0, _reactQuery.useInfiniteQuery)(queryNamespace, fetchPageData);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    lookupQueryProps: {
+      data: totalData,
+      ...restOfInfiniteQueryProps
+    }
+  }));
+  const data = totalData.pages?.reduce((acc, curr) => {
+    const newAcc = {
+      ...acc
     };
-  });
-  var data = (_totalData$pages$redu = (_totalData$pages = totalData.pages) === null || _totalData$pages === void 0 ? void 0 : _totalData$pages.reduce(function (acc, curr) {
-    var _acc$results, _curr$results;
-    var newAcc = _objectSpread({}, acc);
-    for (var _i2 = 0, _Object$entries = Object.entries(curr); _i2 < _Object$entries.length; _i2++) {
-      var _Object$entries$_i = _slicedToArray(_Object$entries[_i2], 2),
-        key = _Object$entries$_i[0],
-        value = _Object$entries$_i[1];
+    for (const [key, value] of Object.entries(curr)) {
       if (key !== 'page' && key !== 'result' && acc[key] !== value) {
         newAcc[key] = value;
       }
     }
-    var newResults = _toConsumableArray((_acc$results = acc.results) !== null && _acc$results !== void 0 ? _acc$results : []);
-    newResults.push.apply(newResults, _toConsumableArray((_curr$results = curr.results) !== null && _curr$results !== void 0 ? _curr$results : []));
+    const newResults = [...(acc.results ?? [])];
+    newResults.push(...(curr.results ?? []));
     newAcc.results = newResults;
     return newAcc;
-  }, {})) !== null && _totalData$pages$redu !== void 0 ? _totalData$pages$redu : {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.SearchAndSortQuery, _objectSpread(_objectSpread({
+  }, {}) ?? {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.SearchAndSortQuery, {
     initialSearchState: {
       query: ''
     },
     queryGetter: queryGetter,
-    querySetter: querySetter
-  }, sasqProps), {}, {
-    children: function children(sasqRenderProps) {
-      var activeFilters = sasqRenderProps.activeFilters,
-        filterChanged = sasqRenderProps.filterChanged,
-        getFilterHandlers = sasqRenderProps.getFilterHandlers,
-        getSearchHandlers = sasqRenderProps.getSearchHandlers,
-        onSubmitSearch = sasqRenderProps.onSubmitSearch,
-        resetAll = sasqRenderProps.resetAll,
-        searchChanged = sasqRenderProps.searchChanged,
-        searchValue = sasqRenderProps.searchValue;
-      var searchHandlers = getSearchHandlers();
-      var disableReset = !filterChanged && !searchChanged;
-      var filterCount = activeFilters.string ? activeFilters.string.split(',').length : 0;
-      var Body = RenderBody !== null && RenderBody !== void 0 ? RenderBody : _TableBody.default;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_smartComponents.PersistedPaneset, _objectSpread(_objectSpread({
+    querySetter: querySetter,
+    ...sasqProps,
+    children: sasqRenderProps => {
+      const {
+        activeFilters,
+        filterChanged,
+        getFilterHandlers,
+        getSearchHandlers,
+        onSubmitSearch,
+        resetAll,
+        searchChanged,
+        searchValue
+      } = sasqRenderProps;
+      const searchHandlers = getSearchHandlers();
+      const disableReset = !filterChanged && !searchChanged;
+      const filterCount = activeFilters.string ? activeFilters.string.split(',').length : 0;
+      const Body = RenderBody ?? _TableBody.default;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_smartComponents.PersistedPaneset, {
         appId: namespace,
-        id: "".concat(id, "-paneset")
-      }, persistedPanesetProps), {}, {
-        children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, _objectSpread(_objectSpread({
+        id: `${id}-paneset`,
+        ...persistedPanesetProps,
+        children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
           defaultWidth: "20%",
-          id: "".concat(id, "-filter-pane"),
+          id: `${id}-filter-pane`,
           lastMenu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneMenu, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
               icon: "caret-left",
-              onClick: function onClick() {
-                return setFilterPaneVisible(false);
-              }
+              onClick: () => setFilterPaneVisible(false)
             })
           }),
           paneTitle: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
             id: "stripes-smart-components.searchAndFilter"
-          })
-        }, filterPaneProps), {}, {
+          }),
+          ...filterPaneProps,
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
             onSubmit: onSubmitSearch,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(FilterPaneHeaderComponent, {}), !noSearchField && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchField, _objectSpread({
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchField, {
                 ariaLabel: searchFieldAriaLabel,
                 autoFocus: true,
-                id: "sasq-search-field-".concat(id),
+                id: `sasq-search-field-${id}`,
                 name: "query",
-                onChange: function onChange(e) {
-                  var _e$target;
-                  if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.value) {
+                onChange: e => {
+                  if (e.target?.value) {
                     searchHandlers.query(e); // SASQ needs the whole event here
                   } else {
                     searchHandlers.reset();
                   }
                 },
                 onClear: searchHandlers.reset,
-                value: searchValue.query
-              }, searchFieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+                value: searchValue.query,
+                ...searchFieldProps
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
                 buttonStyle: "primary",
                 disabled: !searchValue.query,
                 fullWidth: true,
@@ -206,40 +173,42 @@ var SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
               searchValue: searchValue
             })]
           })
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, _objectSpread(_objectSpread({
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
           defaultWidth: "fill",
           firstMenu: !filterPaneVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneMenu, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
               badgeCount: filterCount,
               icon: "caret-right",
-              onClick: function onClick() {
-                return setFilterPaneVisible(true);
-              }
+              onClick: () => setFilterPaneVisible(true)
             })
           }) : null,
-          id: "".concat(id, "-main-pane"),
+          id: `${id}-main-pane`,
           noOverflow: true,
           padContent: false,
           paneSub: kintIntl.formatKintMessage({
             id: 'found#Values',
-            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.foundValues
+            overrideValue: labelOverrides?.foundValues
           }, {
-            total: data === null || data === void 0 ? void 0 : data.total
-          })
-        }, mainPaneProps), {}, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+            total: data?.total
+          }),
+          ...mainPaneProps,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
             data: data,
             filterPaneVisible: filterPaneVisible,
             intlKey: passedIntlKey,
             intlNS: passedIntlNS,
             labelOverrides: labelOverrides,
             query: query,
-            toggleFilterPane: toggleFilterPane
-          }, restOfInfiniteQueryProps), sasqRenderProps), sasqProps), props))
-        })), _children]
-      }));
+            toggleFilterPane: toggleFilterPane,
+            ...restOfInfiniteQueryProps,
+            ...sasqRenderProps,
+            ...sasqProps,
+            ...props
+          })
+        }), children]
+      });
     }
-  }));
+  });
 });
 SASQLookupComponent.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
@@ -266,5 +235,4 @@ SASQLookupComponent.propTypes = {
   searchFieldAriaLabel: _propTypes.default.string,
   searchFieldProps: _propTypes.default.object
 };
-var _default = SASQLookupComponent;
-exports.default = _default;
+var _default = exports.default = SASQLookupComponent;

package/es/lib/SASQLookupComponent/TableBody/TableBody.js

@@ -10,81 +10,73 @@ var _components = require("@folio/stripes/components");
 var _NoResultsMessage = _interopRequireDefault(require("../../NoResultsMessage"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var TableBody = function TableBody(_ref) {
-  var _query$sort;
-  var data = _ref.data,
-    error = _ref.error,
-    fetchNextPage = _ref.fetchNextPage,
-    filterPaneVisible = _ref.filterPaneVisible,
-    passedIntlKey = _ref.intlKey,
-    passedIntlNS = _ref.intlNS,
-    isError = _ref.isError,
-    isLoading = _ref.isLoading,
-    _ref$labelOverrides = _ref.labelOverrides,
-    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
-    match = _ref.match,
-    mclProps = _ref.mclProps,
-    onSort = _ref.onSort,
-    path = _ref.path,
-    resultColumns = _ref.resultColumns,
-    toggleFilterPane = _ref.toggleFilterPane,
-    query = _ref.query;
-  var sortOrder = (_query$sort = query.sort) !== null && _query$sort !== void 0 ? _query$sort : '';
-  var history = (0, _reactRouterDom.useHistory)();
-  var location = (0, _reactRouterDom.useLocation)();
-  var onNeedMoreData = function onNeedMoreData(_askAmount, index) {
+const TableBody = _ref => {
+  let {
+    data,
+    error,
+    fetchNextPage,
+    filterPaneVisible,
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    isError,
+    isLoading,
+    labelOverrides = {},
+    match,
+    mclProps,
+    onSort,
+    path,
+    resultColumns,
+    toggleFilterPane,
+    query
+  } = _ref;
+  const sortOrder = query.sort ?? '';
+  const history = (0, _reactRouterDom.useHistory)();
+  const location = (0, _reactRouterDom.useLocation)();
+  const onNeedMoreData = (_askAmount, index) => {
     fetchNextPage({
       pageParam: index
     });
   };
 
   // Build the map of column definitions
-  var columnMapping = Object.fromEntries(resultColumns.map(function (e) {
-    return [e.propertyPath, e.label];
-  }));
+  const columnMapping = Object.fromEntries(resultColumns.map(e => [e.propertyPath, e.label]));
 
   // Build the list of visible columns
-  var visibleColumns = resultColumns.map(function (e) {
-    return e.propertyPath;
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, _objectSpread({
+  const visibleColumns = resultColumns.map(e => e.propertyPath);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, {
     autosize: true,
     columnMapping: columnMapping,
-    contentData: data === null || data === void 0 ? void 0 : data.results,
+    contentData: data?.results,
     hasMargin: true,
     isEmptyMessage: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoResultsMessage.default, {
-      error: error,
+      error,
       filterPaneIsVisible: filterPaneVisible,
       intlKey: passedIntlKey,
       intlNS: passedIntlNS,
-      isError: isError,
-      isLoading: isLoading,
-      labelOverrides: labelOverrides,
+      isError,
+      isLoading,
+      labelOverrides,
       searchTerm: query.query,
-      toggleFilterPane: toggleFilterPane
+      toggleFilterPane
     }),
-    isSelected: function isSelected(_ref2) {
-      var _match$params;
-      var item = _ref2.item;
-      return item.id === (match === null || match === void 0 ? void 0 : (_match$params = match.params) === null || _match$params === void 0 ? void 0 : _match$params.id);
+    isSelected: _ref2 => {
+      let {
+        item
+      } = _ref2;
+      return item.id === match?.params?.id;
     },
     onHeaderClick: onSort,
     onNeedMoreData: onNeedMoreData,
-    onRowClick: function onRowClick(_e, rowData) {
-      history.push("".concat(path, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id).concat(location === null || location === void 0 ? void 0 : location.search));
+    onRowClick: (_e, rowData) => {
+      history.push(`${path}/${rowData?.id}${location?.search}`);
     },
     pagingType: "click",
     sortDirection: sortOrder.startsWith('-') ? 'descending' : 'ascending',
     sortOrder: sortOrder.replace(/^-/, '').replace(/,.*/, ''),
     totalCount: data.totalRecords,
-    visibleColumns: visibleColumns
-  }, mclProps));
+    visibleColumns: visibleColumns,
+    ...mclProps
+  });
 };
 TableBody.propTypes = {
   data: _propTypes.default.shape({
@@ -109,5 +101,4 @@ TableBody.propTypes = {
   resultColumns: _propTypes.default.arrayOf(_propTypes.default.object),
   toggleFilterPane: _propTypes.default.func
 };
-var _default = TableBody;
-exports.default = _default;
+var _default = exports.default = TableBody;

package/es/lib/SASQLookupComponent/TableBody/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TableBody.default;
   }
 });

package/es/lib/SASQLookupComponent/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SASQLookupComponent", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SASQLookupComponent.default;
   }
 });
 Object.defineProperty(exports, "TableBody", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TableBody.default;
   }
 });

package/es/lib/SASQRoute/SASQRoute.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,28 +10,24 @@ var _reactRouterDom = require("react-router-dom");
 var _SASQLookupComponent = require("../SASQLookupComponent");
 var _SASQViewComponent = _interopRequireDefault(require("../SASQViewComponent"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "fetchParameters", "path"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var SASQRoute = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    fetchParameters = _ref.fetchParameters,
-    path = _ref.path,
-    props = _objectWithoutProperties(_ref, _excluded);
+const SASQRoute = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    fetchParameters,
+    path,
+    ...props
+  } = _ref;
   // Grab the SASQ_MAP and tweak it
-  var _fetchParameters$SASQ = fetchParameters.SASQ_MAP,
-    SASQ_MAP = _fetchParameters$SASQ === void 0 ? {} : _fetchParameters$SASQ;
-  var lookupRef = (0, _react.useRef)();
-  var viewRef = (0, _react.useRef)();
-  (0, _react.useImperativeHandle)(ref, function () {
-    return _objectSpread(_objectSpread({}, lookupRef.current), viewRef.current);
-  });
+  const {
+    SASQ_MAP = {}
+  } = fetchParameters;
+  const lookupRef = (0, _react.useRef)();
+  const viewRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(ref, () => ({
+    ...lookupRef.current,
+    ...viewRef.current
+  }));
   if (!SASQ_MAP.perPage) {
     SASQ_MAP.perPage = 25;
   }
@@ -41,29 +36,28 @@ var SASQRoute = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   // Reinsert the SASQ_MAP
   fetchParameters.SASQ_MAP = SASQ_MAP;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-    path: "".concat(path, "/:id?"),
-    render: function render(routeProps) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQLookupComponent.SASQLookupComponent, _objectSpread(_objectSpread(_objectSpread({
-        ref: lookupRef
-      }, routeProps), {}, {
+    path: `${path}/:id?`,
+    render: routeProps => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQLookupComponent.SASQLookupComponent, {
+        ref: lookupRef,
+        ...routeProps,
         fetchParameters: fetchParameters,
-        path: path
-      }, props), {}, {
+        path: path,
+        ...props,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Switch, {
           children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-            path: "".concat(path, "/:id"),
-            render: function render(innerProps) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQViewComponent.default, _objectSpread(_objectSpread({
-                ref: viewRef
-              }, innerProps), {}, {
-                fetchParameters: fetchParameters,
-                path: path,
-                ViewComponent: props.ViewComponent
-              }, props));
-            }
+            path: `${path}/:id`,
+            render: innerProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQViewComponent.default, {
+              ref: viewRef,
+              ...innerProps,
+              fetchParameters: fetchParameters,
+              path: path,
+              ViewComponent: props.ViewComponent,
+              ...props
+            })
           })]
         })
-      }));
+      });
     }
   });
 });
@@ -73,5 +67,4 @@ SASQRoute.propTypes = {
   path: _propTypes.default.string,
   ViewComponent: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])
 };
-var _default = SASQRoute;
-exports.default = _default;
+var _default = exports.default = SASQRoute;

package/es/lib/SASQRoute/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SASQRoute.default;
   }
 });