@k-int/stripes-kint-components 5.25.1 → 5.25.3

package/es/lib/SASQLookupComponent/SASQLookupComponent.js

@@ -16,8 +16,19 @@ var _hooks = require("../hooks");
 var _TableBody = _interopRequireDefault(require("./TableBody"));
 var _SearchKeyControl = _interopRequireDefault(require("../SearchKeyControl"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["data"],
+  _excluded2 = ["filterPaneFirstMenu", "filterPaneLastMenu"],
+  _excluded3 = ["mainPaneFirstMenu", "mainPaneLastMenu"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 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); }
 const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  var _fetchParameters$SASQ, _fetchParameters$quer;
   const {
     children,
     fetchParameters = {},
@@ -50,7 +61,7 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
         ky,
         queryParams
       } = _ref2;
-      return ky.get(`${endpoint}${queryParams}`).json();
+      return ky.get("".concat(endpoint).concat(queryParams)).json();
     },
     lookupResponseTransform = response => response,
     // Function to transform the response from the query
@@ -79,7 +90,7 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
     queryGetter: sasqPropsQueryGetter,
     querySetter: sasqPropsQuerySetter,
     syncToLocation = true
-  } = sasqProps ?? {};
+  } = sasqProps !== null && sasqProps !== void 0 ? sasqProps : {};
 
   // We manage our internal state of pagination (URL vs MCL page state) using usePrevNextPagination.
   // Below the queryParameterGenerator can then choose to use the outputs (namely totalRecords and page) as it sees fit.
@@ -90,7 +101,7 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
   } = (0, _hooks.usePrevNextPagination)({
     count,
     // totalRecord
-    pageSize: fetchParameters.SASQ_MAP?.perPage,
+    pageSize: (_fetchParameters$SASQ = fetchParameters.SASQ_MAP) === null || _fetchParameters$SASQ === void 0 ? void 0 : _fetchParameters$SASQ.perPage,
     syncToLocation
   });
   const {
@@ -98,72 +109,70 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
     queryGetter: kintSASQQueryGetter,
     querySetter: kintSASQQuerySetter
   } = (0, _hooks.useKiwtSASQuery)();
-  const query = (0, _react.useMemo)(() => sasqPropsQuery ?? kintSASQQuery, [sasqPropsQuery, kintSASQQuery]);
-  const queryGetter = (0, _react.useMemo)(() => sasqPropsQueryGetter ?? kintSASQQueryGetter, [sasqPropsQueryGetter, kintSASQQueryGetter]);
-  const querySetter = (0, _react.useMemo)(() => sasqPropsQuerySetter ?? kintSASQQuerySetter, [sasqPropsQuerySetter, kintSASQQuerySetter]);
+  const query = (0, _react.useMemo)(() => sasqPropsQuery !== null && sasqPropsQuery !== void 0 ? sasqPropsQuery : kintSASQQuery, [sasqPropsQuery, kintSASQQuery]);
+  const queryGetter = (0, _react.useMemo)(() => sasqPropsQueryGetter !== null && sasqPropsQueryGetter !== void 0 ? sasqPropsQueryGetter : kintSASQQueryGetter, [sasqPropsQueryGetter, kintSASQQueryGetter]);
+  const querySetter = (0, _react.useMemo)(() => sasqPropsQuerySetter !== null && sasqPropsQuerySetter !== void 0 ? sasqPropsQuerySetter : kintSASQQuerySetter, [sasqPropsQuerySetter, kintSASQQuerySetter]);
   const {
     0: namespace
   } = (0, _core.useNamespace)();
   const ky = (0, _core.useOkapiKy)();
-  const filterPaneVisibileKey = `${namespace}-${id}-filterPaneVisibility`;
-  const queryParams = (0, _react.useMemo)(() => queryParameterGenerator(
-  // With Typescript this would be a type of SASQ_MAP, and so totalRecords is a valid property in our new shape
+  const filterPaneVisibileKey = "".concat(namespace, "-").concat(id, "-filterPaneVisibility");
+  const queryParams = (0, _react.useMemo)(() => queryParameterGenerator(// With Typescript this would be a type of SASQ_MAP, and so totalRecords is a valid property in our new shape
   // In generateKiwtQueryParams we can choose to ignore totalRecords, which while being a valid property is not necessary for KIWT queries
-  {
+  _objectSpread({
     page: currentPage,
-    totalRecords: count,
-    ...fetchParameters.SASQ_MAP
-  }, query ?? {}), [count, currentPage, fetchParameters.SASQ_MAP, query, queryParameterGenerator]);
+    totalRecords: count
+  }, fetchParameters.SASQ_MAP), query !== null && query !== void 0 ? query : {}), [count, currentPage, fetchParameters.SASQ_MAP, query, queryParameterGenerator]);
   const [filterPaneVisible, setFilterPaneVisible] = (0, _hooks.useLocalStorageState)(filterPaneVisibileKey, true);
   const toggleFilterPane = () => setFilterPaneVisible(!filterPaneVisible);
-  const {
-    data = {},
-    ...restOfQueryProps
-  } = (0, _reactQuery.useQuery)(lookupQueryNamespaceGenerator({
-    currentPage,
-    endpoint: fetchParameters.endpoint,
-    namespace,
-    id,
-    query,
-    queryParams
-  }), () => {
-    return lookupQueryPromise({
-      ky,
-      queryParams,
-      endpoint: fetchParameters.endpoint
-    });
-  }, {
-    enabled: (!!query?.filters || !!query?.query) && !!currentPage,
-    ...(fetchParameters.queryOptions ?? {}),
-    // select is a parameter supported by useQuery to transform the response
-    // Could be possible to instead pass this down along with the queryOptions
-    // Additionally this is assuming the lookupResponseTransform is a func as opposed to an object
-    select: selectData => {
-      return lookupResponseTransform(selectData);
-    }
-  });
+  const _useQuery = (0, _reactQuery.useQuery)(lookupQueryNamespaceGenerator({
+      currentPage,
+      endpoint: fetchParameters.endpoint,
+      namespace,
+      id,
+      query,
+      queryParams
+    }), () => {
+      return lookupQueryPromise({
+        ky,
+        queryParams,
+        endpoint: fetchParameters.endpoint
+      });
+    }, _objectSpread(_objectSpread({
+      enabled: (!!(query !== null && query !== void 0 && query.filters) || !!(query !== null && query !== void 0 && query.query)) && !!currentPage
+    }, (_fetchParameters$quer = fetchParameters.queryOptions) !== null && _fetchParameters$quer !== void 0 ? _fetchParameters$quer : {}), {}, {
+      // select is a parameter supported by useQuery to transform the response
+      // Could be possible to instead pass this down along with the queryOptions
+      // Additionally this is assuming the lookupResponseTransform is a func as opposed to an object
+      select: selectData => {
+        return lookupResponseTransform(selectData);
+      }
+    })),
+    {
+      data = {}
+    } = _useQuery,
+    restOfQueryProps = _objectWithoutProperties(_useQuery, _excluded);
   (0, _react.useEffect)(() => {
-    if (count !== data?.totalRecords) {
-      setCount(data?.totalRecords);
+    if (count !== (data === null || data === void 0 ? void 0 : data.totalRecords)) {
+      setCount(data === null || data === void 0 ? void 0 : data.totalRecords);
     }
   }, [count, data.totalRecords]);
   (0, _react.useImperativeHandle)(ref, () => ({
-    lookupQueryProps: {
-      data,
-      ...restOfQueryProps
-    },
+    lookupQueryProps: _objectSpread({
+      data
+    }, restOfQueryProps),
     queryParams
   }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.SearchAndSortQuery, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.SearchAndSortQuery, _objectSpread(_objectSpread(_objectSpread({
     initialSearchState: {
       query: ''
     },
     queryGetter: queryGetter,
     querySetter: querySetter,
-    syncToLocation: syncToLocation,
-    ...sasqProps,
-    ...paginationSASQProps,
+    syncToLocation: syncToLocation
+  }, sasqProps), paginationSASQProps), {}, {
     children: sasqRenderProps => {
+      var _ref3, _data$total;
       const {
         activeFilters,
         filterChanged,
@@ -177,17 +186,17 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
       const searchHandlers = getSearchHandlers();
       const disableReset = !filterChanged && !searchChanged;
       const filterCount = activeFilters.string ? activeFilters.string.split(',').length : 0;
-      const Body = RenderBody ?? _TableBody.default;
+      const Body = RenderBody !== null && RenderBody !== void 0 ? RenderBody : _TableBody.default;
       const {
-        filterPaneFirstMenu,
-        filterPaneLastMenu,
-        ...restOfFilterPaneProps
-      } = filterPaneProps;
+          filterPaneFirstMenu,
+          filterPaneLastMenu
+        } = filterPaneProps,
+        restOfFilterPaneProps = _objectWithoutProperties(filterPaneProps, _excluded2);
       const {
-        mainPaneFirstMenu,
-        mainPaneLastMenu,
-        ...restOfMainPaneProps
-      } = mainPaneProps;
+          mainPaneFirstMenu,
+          mainPaneLastMenu
+        } = mainPaneProps,
+        restOfMainPaneProps = _objectWithoutProperties(mainPaneProps, _excluded3);
       const internalStateProps = {
         activeFilters,
         filterCount,
@@ -211,14 +220,14 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
         }
         return null;
       };
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_smartComponents.PersistedPaneset, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_smartComponents.PersistedPaneset, _objectSpread(_objectSpread({
         appId: namespace,
-        id: `${id}-paneset`,
-        ...persistedPanesetProps,
-        children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
+        id: "".concat(id, "-paneset")
+      }, persistedPanesetProps), {}, {
+        children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, _objectSpread(_objectSpread({
           defaultWidth: "20%",
           firstMenu: filterPaneFirstMenu ? filterPaneFirstMenu(internalStateProps) : null,
-          id: `${id}-filter-pane`,
+          id: "".concat(id, "-filter-pane"),
           lastMenu: filterPaneLastMenu ? filterPaneLastMenu(internalStateProps) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneMenu, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.CollapseFilterPaneButton, {
               onClick: toggleFilterPane
@@ -226,27 +235,27 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
           }),
           paneTitle: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
             id: "stripes-smart-components.searchAndFilter"
-          }),
-          ...restOfFilterPaneProps,
+          })
+        }, restOfFilterPaneProps), {}, {
           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, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchField, _objectSpread({
                 ariaLabel: searchFieldAriaLabel,
                 autoFocus: true,
-                id: `sasq-search-field-${id}`,
+                id: "sasq-search-field-".concat(id),
                 name: "query",
                 onChange: e => {
-                  if (e.target?.value) {
+                  var _e$target;
+                  if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.value) {
                     searchHandlers.query(e); // SASQ needs the whole event here
                   } else {
                     searchHandlers.reset();
                   }
                 },
                 onClear: searchHandlers.reset,
-                value: searchValue.query,
-                ...searchFieldProps
-              }), searchableIndexes?.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchKeyControl.default, {
+                value: searchValue.query
+              }, searchFieldProps)), (searchableIndexes === null || searchableIndexes === void 0 ? void 0 : searchableIndexes.length) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchKeyControl.default, {
                 options: searchableIndexes
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
                 buttonStyle: "primary",
@@ -278,23 +287,23 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
               searchValue: searchValue
             })]
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, _objectSpread(_objectSpread({
           defaultWidth: "fill",
           firstMenu: renderFirstMenu(),
-          id: `${id}-main-pane`,
+          id: "".concat(id, "-main-pane"),
           lastMenu: mainPaneLastMenu ? mainPaneLastMenu(internalStateProps) : null,
           noOverflow: true,
           padContent: false,
           paneSub: kintIntl.formatKintMessage({
             id: 'found#Values',
-            overrideValue: labelOverrides?.foundValues
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.foundValues
           },
           // DEPRECATED data.total should NOT be the first call here, but staying for backwards compatibility. Elsewhere we use data.totalRecords
           {
-            total: data?.total ?? data?.totalRecords ?? 0
-          }),
-          ...restOfMainPaneProps,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
+            total: (_ref3 = (_data$total = data === null || data === void 0 ? void 0 : data.total) !== null && _data$total !== void 0 ? _data$total : data === null || data === void 0 ? void 0 : data.totalRecords) !== null && _ref3 !== void 0 ? _ref3 : 0
+          })
+        }, restOfMainPaneProps), {}, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
             data: data,
             filterPaneVisible: filterPaneVisible,
             intlKey: passedIntlKey,
@@ -303,20 +312,14 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
             noResultsProps: noResultsProps,
             query: query,
             rowNavigation: rowNavigation,
-            toggleFilterPane: toggleFilterPane,
-            ...restOfQueryProps,
-            ...sasqRenderProps,
-            ...sasqProps,
-            ...props,
-            mclProps: {
-              ...paginationMCLProps,
-              ...mclProps
-            }
-          })
-        }), children]
-      });
+            toggleFilterPane: toggleFilterPane
+          }, restOfQueryProps), sasqRenderProps), sasqProps), _objectSpread(_objectSpread({}, props), {}, {
+            mclProps: _objectSpread(_objectSpread({}, paginationMCLProps), mclProps)
+          })))
+        })), children]
+      }));
     }
-  });
+  }));
 });
 SASQLookupComponent.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),

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

@@ -10,33 +10,42 @@ var _reactRouterDom = require("react-router-dom");
 var _components = require("@folio/stripes/components");
 var _NoResultsMessage = _interopRequireDefault(require("../../NoResultsMessage"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["formatter"];
 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 TableBody = _ref => {
+  var _query$sort, _match$params2;
   let {
-    data,
-    error,
-    fetchNextPage,
-    filterPaneVisible,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    isError,
-    isLoading,
-    labelOverrides = {},
-    match,
-    mclProps: {
-      formatter = {},
-      ...mclProps
-    } = {},
-    noResultsProps = {},
-    onSort,
-    path,
-    resultColumns,
-    rowNavigation = true,
-    // Default navigation onRowClick
-    toggleFilterPane,
-    query
-  } = _ref;
-  const sortOrder = query.sort ?? '';
+      data,
+      error,
+      fetchNextPage,
+      filterPaneVisible,
+      intlKey: passedIntlKey,
+      intlNS: passedIntlNS,
+      isError,
+      isLoading,
+      labelOverrides = {},
+      match,
+      mclProps: {
+        formatter = {}
+      } = {},
+      noResultsProps = {},
+      onSort,
+      path,
+      resultColumns,
+      rowNavigation = true,
+      // Default navigation onRowClick
+      toggleFilterPane,
+      query
+    } = _ref,
+    mclProps = _objectWithoutProperties(_ref.mclProps, _excluded);
+  const sortOrder = (_query$sort = query.sort) !== null && _query$sort !== void 0 ? _query$sort : '';
   const history = (0, _reactRouterDom.useHistory)();
   const location = (0, _reactRouterDom.useLocation)();
   const onNeedMoreData = (_askAmount, index) => {
@@ -51,9 +60,9 @@ const TableBody = _ref => {
   // Build the list of visible columns
   const visibleColumns = resultColumns.map(e => e.propertyPath);
   const getRowUrl = (0, _react.useCallback)(rowData => {
-    const baseUrl = `${path}/${rowData?.id}`;
+    const baseUrl = "".concat(path, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id);
     return {
-      url: `${baseUrl}${location?.search}`,
+      url: "".concat(baseUrl).concat(location === null || location === void 0 ? void 0 : location.search),
       path,
       baseUrl,
       location
@@ -62,10 +71,9 @@ const TableBody = _ref => {
   const getEnhancedFormatter = (0, _react.useCallback)(() => {
     const enhancedFormatter = {};
     for (const [key, value] of Object.entries(formatter)) {
-      enhancedFormatter[key] = item => value({
-        ...item,
+      enhancedFormatter[key] = item => value(_objectSpread(_objectSpread({}, item), {}, {
         defaultRowUrl: getRowUrl(item)
-      });
+      }));
     }
     return enhancedFormatter;
   }, [formatter, getRowUrl]);
@@ -78,21 +86,25 @@ const TableBody = _ref => {
     return null;
   }, [getRowUrl, history, rowNavigation]);
   const isSelected = (0, _react.useCallback)(_ref2 => {
+    var _match$params;
     let {
       item
     } = _ref2;
-    return item.id === match?.params?.id;
-  }, [match?.params?.id]);
-  const NoResultsComponent = (0, _react.useMemo)(() => noResultsProps?.component ?? _NoResultsMessage.default, [noResultsProps?.component]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, {
+    return item.id === (match === null || match === void 0 || (_match$params = match.params) === null || _match$params === void 0 ? void 0 : _match$params.id);
+  }, [match === null || match === void 0 || (_match$params2 = match.params) === null || _match$params2 === void 0 ? void 0 : _match$params2.id]);
+  const NoResultsComponent = (0, _react.useMemo)(() => {
+    var _noResultsProps$compo;
+    return (_noResultsProps$compo = noResultsProps === null || noResultsProps === void 0 ? void 0 : noResultsProps.component) !== null && _noResultsProps$compo !== void 0 ? _noResultsProps$compo : _NoResultsMessage.default;
+  }, [noResultsProps === null || noResultsProps === void 0 ? void 0 : noResultsProps.component]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, _objectSpread({
     autosize: true,
     columnMapping: columnMapping,
-    contentData: data?.results,
+    contentData: data === null || data === void 0 ? void 0 : data.results,
     formatter: getEnhancedFormatter() // Pass enhanced formatter
     ,
     hasMargin: true,
     interactive: rowNavigation,
-    isEmptyMessage: /*#__PURE__*/(0, _jsxRuntime.jsx)(NoResultsComponent, {
+    isEmptyMessage: /*#__PURE__*/(0, _jsxRuntime.jsx)(NoResultsComponent, _objectSpread({}, _objectSpread({
       error,
       filterPaneIsVisible: filterPaneVisible,
       intlKey: passedIntlKey,
@@ -101,9 +113,8 @@ const TableBody = _ref => {
       isLoading,
       labelOverrides,
       searchTerm: query.query,
-      toggleFilterPane,
-      ...noResultsProps // Anything passed in directly takes precedence
-    }),
+      toggleFilterPane
+    }, noResultsProps))),
     isSelected: isSelected,
     onHeaderClick: onSort,
     onNeedMoreData: onNeedMoreData,
@@ -112,9 +123,8 @@ const TableBody = _ref => {
     sortDirection: sortOrder.startsWith('-') ? 'descending' : 'ascending',
     sortOrder: sortOrder.replace(/^-/, '').replace(/,.*/, ''),
     totalCount: data.totalRecords,
-    visibleColumns: visibleColumns,
-    ...mclProps
-  });
+    visibleColumns: visibleColumns
+  }, mclProps));
 };
 TableBody.propTypes = {
   data: _propTypes.default.shape({

package/es/lib/SASQRoute/SASQRoute.js

@@ -10,28 +10,33 @@ var _reactRouterDom = require("react-router-dom");
 var _SASQLookupComponent = require("../SASQLookupComponent");
 var _SASQViewComponent = _interopRequireDefault(require("../SASQViewComponent"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "fetchParameters", "getPathLookup", "getPathView", "SASQLookupComponent", "path", "SASQViewComponent"];
 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 SASQRoute = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-    children,
-    fetchParameters,
-    getPathLookup = path => `${path}/:id?`,
-    getPathView = path => `${path}/:id`,
-    SASQLookupComponent: RouteLookupComponent = _SASQLookupComponent.SASQLookupComponent,
-    path,
-    SASQViewComponent: RouteViewComponent = _SASQViewComponent.default,
-    ...props
-  } = _ref;
+      children,
+      fetchParameters,
+      getPathLookup = path => "".concat(path, "/:id?"),
+      getPathView = path => "".concat(path, "/:id"),
+      SASQLookupComponent: RouteLookupComponent = _SASQLookupComponent.SASQLookupComponent,
+      path,
+      SASQViewComponent: RouteViewComponent = _SASQViewComponent.default
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   // Grab the SASQ_MAP and tweak it
   const {
     SASQ_MAP = {}
   } = fetchParameters;
   const lookupRef = (0, _react.useRef)();
   const viewRef = (0, _react.useRef)();
-  (0, _react.useImperativeHandle)(ref, () => ({
-    ...lookupRef.current,
-    ...viewRef.current
-  }));
+  (0, _react.useImperativeHandle)(ref, () => _objectSpread(_objectSpread({}, lookupRef.current), viewRef.current));
   if (!SASQ_MAP.perPage) {
     SASQ_MAP.perPage = 25;
   }
@@ -42,26 +47,25 @@ const SASQRoute = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
     path: getPathLookup(path),
     render: routeProps => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(RouteLookupComponent, {
-        ref: lookupRef,
-        ...routeProps,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(RouteLookupComponent, _objectSpread(_objectSpread(_objectSpread({
+        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: getPathView(path),
-            render: innerProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(RouteViewComponent, {
-              ref: viewRef,
-              ...innerProps,
+            render: innerProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(RouteViewComponent, _objectSpread(_objectSpread({
+              ref: viewRef
+            }, innerProps), {}, {
               fetchParameters: fetchParameters,
               path: path,
-              ViewComponent: props.ViewComponent,
-              ...props
-            })
+              ViewComponent: props.ViewComponent
+            }, props))
           })]
         })
-      });
+      }));
     }
   });
 });