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

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

@@ -6,16 +6,20 @@ var _jest = require("../../../../test/jest");
 var _TableBody = _interopRequireDefault(require("./TableBody"));
 var _jsxRuntime = require("react/jsx-runtime");
 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); }
 const mockHistoryPush = jest.fn();
 
 // We want to use the ACTUAL location, but to mock history push so we can inspect it
 jest.mock('react-router-dom', () => {
-  return {
-    ...jest.requireActual('react-router-dom'),
+  return _objectSpread(_objectSpread({}, jest.requireActual('react-router-dom')), {}, {
     useHistory: () => ({
       push: mockHistoryPush
     })
-  };
+  });
 });
 const mockFetchNextPage = jest.fn();
 const mockToggleFilterPane = jest.fn();
@@ -24,7 +28,10 @@ const nameFormatterMock = jest.fn(item => item.name);
 const defaultMCLProps = {
   formatter: {
     name: item => item.name || '',
-    status: item => item.status?.label || '',
+    status: item => {
+      var _item$status;
+      return ((_item$status = item.status) === null || _item$status === void 0 ? void 0 : _item$status.label) || '';
+    },
     description: item => item.description || ''
   },
   columnWidths: {
@@ -103,32 +110,30 @@ describe('TableBody', () => {
   }, {
     label: 'enhanced formatter check',
     initialEntries: ['/test/items'],
-    mclProps: {
-      ...defaultMCLProps,
-      formatter: {
-        ...defaultMCLProps.formatter,
+    mclProps: _objectSpread(_objectSpread({}, defaultMCLProps), {}, {
+      formatter: _objectSpread(_objectSpread({}, defaultMCLProps.formatter), {}, {
         name: nameFormatterMock
-      }
-    },
+      })
+    }),
     checkEnhancedFormatter: true
   }])('Testing $label', _ref => {
-    let {
-      checkEnhancedFormatter,
-      expectedPushQuery = '',
-      expectedSortDirection,
-      expectedSortOrder,
-      initialEntries,
-      mclProps = defaultMCLProps,
-      query = {},
-      selectedRowIndex
-    } = _ref;
+    let checkEnhancedFormatter = _ref.checkEnhancedFormatter,
+      _ref$expectedPushQuer = _ref.expectedPushQuery,
+      expectedPushQuery = _ref$expectedPushQuer === void 0 ? '' : _ref$expectedPushQuer,
+      expectedSortDirection = _ref.expectedSortDirection,
+      expectedSortOrder = _ref.expectedSortOrder,
+      initialEntries = _ref.initialEntries,
+      _ref$mclProps = _ref.mclProps,
+      mclProps = _ref$mclProps === void 0 ? defaultMCLProps : _ref$mclProps,
+      _ref$query = _ref.query,
+      query = _ref$query === void 0 ? {} : _ref$query,
+      selectedRowIndex = _ref.selectedRowIndex;
     beforeEach(() => {
       (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
         initialEntries: initialEntries,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
           path: "/test/items/:id?",
-          render: routeProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBody.default, {
-            ...routeProps,
+          render: routeProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBody.default, _objectSpread(_objectSpread({}, routeProps), {}, {
             data: mockData,
             fetchNextPage: mockFetchNextPage,
             filterPaneVisible: false,
@@ -142,7 +147,7 @@ describe('TableBody', () => {
             resultColumns: resultColumns,
             rowNavigation: true,
             toggleFilterPane: mockToggleFilterPane
-          })
+          }))
         })
       }));
     });
@@ -157,21 +162,21 @@ describe('TableBody', () => {
       }).exists();
     });
     if (expectedSortOrder) {
-      test(`renders ${expectedSortOrder} header with ${expectedSortDirection} sort`, async () => {
+      test("renders ".concat(expectedSortOrder, " header with ").concat(expectedSortDirection, " sort"), async () => {
         await (0, _stripesErmTesting.MultiColumnListHeader)(expectedSortOrder).has({
           sort: expectedSortDirection
         });
       });
     }
     if (selectedRowIndex !== undefined) {
-      test(`row ${selectedRowIndex} is selected`, async () => {
+      test("row ".concat(selectedRowIndex, " is selected"), async () => {
         await (0, _stripesErmTesting.MultiColumnListRow)({
           index: selectedRowIndex
         }).has({
           selected: ['mclSelected']
         });
       });
-      test(`row ${selectedRowIndex - 1} is not selected`, async () => {
+      test("row ".concat(selectedRowIndex - 1, " is not selected"), async () => {
         await (0, _stripesErmTesting.MultiColumnListRow)({
           index: selectedRowIndex - 1
         }).has({
@@ -192,13 +197,11 @@ describe('TableBody', () => {
           property: 'description',
           col: 2
         }])('rendering column: $col, property: $property', _ref2 => {
-          let {
-            property,
-            col,
-            hasLabel
-          } = _ref2;
+          let property = _ref2.property,
+            col = _ref2.col,
+            hasLabel = _ref2.hasLabel;
           const expectedValue = hasLabel ? mockData.results[index][property].label : mockData.results[index][property];
-          test(`renders expected ${property} content: ${expectedValue}`, async () => {
+          test("renders expected ".concat(property, " content: ").concat(expectedValue), async () => {
             await (0, _stripesErmTesting.MultiColumnListCell)({
               row: index,
               columnIndex: col
@@ -245,8 +248,8 @@ describe('TableBody', () => {
           columnIndex: 0
         }).click();
       });
-      test(`useHistory called with expected path to ${expectedId}`, () => {
-        expect(mockHistoryPush).toHaveBeenCalledWith(`/test/items/${expectedId}${expectedPushQuery}`);
+      test("useHistory called with expected path to ".concat(expectedId), () => {
+        expect(mockHistoryPush).toHaveBeenCalledWith("/test/items/".concat(expectedId).concat(expectedPushQuery));
       });
     });
   });

package/es/lib/SASQLookupComponent/__mocks__/SASQLookupComponent.js

@@ -11,11 +11,10 @@ var _SASQLookupComponentRender = _interopRequireDefault(require("./SASQLookupCom
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    fetchParameters,
-    testFetchParametersOnClick = _noop.default
-  } = _ref;
+  let children = _ref.children,
+    fetchParameters = _ref.fetchParameters,
+    _ref$testFetchParamet = _ref.testFetchParametersOnClick,
+    testFetchParametersOnClick = _ref$testFetchParamet === void 0 ? _noop.default : _ref$testFetchParamet;
   // Use useImperativeHandle to expose a mock object
   (0, _react.useImperativeHandle)(ref, () => ({
     // This is the object the ref will point to

package/es/lib/SASQLookupComponent/__mocks__/SASQLookupComponentRender.js

@@ -8,9 +8,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 // We deal with the render part separately to the forwardRef part so that we might mock them separately as well
 // Store the original implementation so we can restore it with a single call on the mock
 const originalRenderImplementation = _ref => {
-  let {
-    children
-  } = _ref;
+  let children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       children: "SASQLookupComponent"

package/es/lib/SASQRoute/SASQRoute.js

@@ -10,28 +10,34 @@ 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;
+  let children = _ref.children,
+    fetchParameters = _ref.fetchParameters,
+    _ref$getPathLookup = _ref.getPathLookup,
+    getPathLookup = _ref$getPathLookup === void 0 ? path => "".concat(path, "/:id?") : _ref$getPathLookup,
+    _ref$getPathView = _ref.getPathView,
+    getPathView = _ref$getPathView === void 0 ? path => "".concat(path, "/:id") : _ref$getPathView,
+    _ref$SASQLookupCompon = _ref.SASQLookupComponent,
+    RouteLookupComponent = _ref$SASQLookupCompon === void 0 ? _SASQLookupComponent.SASQLookupComponent : _ref$SASQLookupCompon,
+    path = _ref.path,
+    _ref$SASQViewComponen = _ref.SASQViewComponent,
+    RouteViewComponent = _ref$SASQViewComponen === void 0 ? _SASQViewComponent.default : _ref$SASQViewComponen,
+    props = _objectWithoutProperties(_ref, _excluded);
   // Grab the SASQ_MAP and tweak it
-  const {
-    SASQ_MAP = {}
-  } = fetchParameters;
+  const _fetchParameters$SASQ = fetchParameters.SASQ_MAP,
+    SASQ_MAP = _fetchParameters$SASQ === void 0 ? {} : _fetchParameters$SASQ;
   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 +48,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))
           })]
         })
-      });
+      }));
     }
   });
 });

package/es/lib/SASQRoute/SASQRoute.test.js

@@ -11,8 +11,11 @@ var _SASQLookupComponent = require("../SASQLookupComponent");
 var _SASQViewComponent = require("../SASQViewComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// We can import these special render-mocks once we manually mock the modules
-
+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); } // We can import these special render-mocks once we manually mock the modules
 // Using Manual mocks
 jest.mock('../SASQLookupComponent');
 jest.mock('../SASQViewComponent');
@@ -78,9 +81,7 @@ describe('SASQRoute', () => {
     lookupComponentText: 'Special Test Lookup Component',
     viewComponentText: 'SASQViewComponent',
     mockLookupComponent: _ref => {
-      let {
-        children
-      } = _ref;
+      let children = _ref.children;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           children: "Special Test Lookup Component"
@@ -137,16 +138,14 @@ describe('SASQRoute', () => {
     lookupComponentText: 'SASQLookupComponent',
     viewComponentText: 'SASQViewComponent'
   }])('Testing $testLabel', _ref2 => {
-    let {
-      expectedPath,
-      expectedViewPath,
-      expectedFetchParameters,
-      props,
-      lookupComponentText,
-      viewComponentText,
-      mockLookupComponent,
-      mockViewComponent
-    } = _ref2;
+    let expectedPath = _ref2.expectedPath,
+      expectedViewPath = _ref2.expectedViewPath,
+      expectedFetchParameters = _ref2.expectedFetchParameters,
+      props = _ref2.props,
+      lookupComponentText = _ref2.lookupComponentText,
+      viewComponentText = _ref2.viewComponentText,
+      mockLookupComponent = _ref2.mockLookupComponent,
+      mockViewComponent = _ref2.mockViewComponent;
     let renderComponent;
     beforeEach(() => {
       testFetchParametersOnClick.mockClear();
@@ -179,53 +178,47 @@ describe('SASQRoute', () => {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
             path: "/hello",
             children: "Hello world"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQRoute.default, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQRoute.default, _objectSpread({
             ref: theRef
             // Allow for testing of fetch parameters
             ,
-            testFetchParametersOnClick: testFetchParametersOnClick,
-            ...props
-          })]
+            testFetchParametersOnClick: testFetchParametersOnClick
+          }, props))]
         })]
       }));
     });
     test('does not render SASQRoute on /hello', () => {
-      const {
-        queryByText
-      } = renderComponent;
+      const _renderComponent = renderComponent,
+        queryByText = _renderComponent.queryByText;
       expect(queryByText(lookupComponentText)).not.toBeInTheDocument();
     });
     test('renders hello world text', () => {
-      const {
-        getByText
-      } = renderComponent;
+      const _renderComponent2 = renderComponent,
+        getByText = _renderComponent2.getByText;
       expect(getByText('Hello world')).toBeInTheDocument();
     });
     test('ref is unset', () => {
       expect(theRef.current).toEqual(null);
     });
-    describe(`navigating to ${expectedPath}`, () => {
+    describe("navigating to ".concat(expectedPath), () => {
       beforeEach(async () => {
         await (0, _react2.waitFor)(async () => {
           await (0, _stripesErmTesting.Button)('SASQRouteButton').click();
         });
       });
       test('no longer renders hello world text', () => {
-        const {
-          queryByText
-        } = renderComponent;
+        const _renderComponent3 = renderComponent,
+          queryByText = _renderComponent3.queryByText;
         expect(queryByText('Hello world')).not.toBeInTheDocument();
       });
-      test(`renders SASQRoute lookup component on ${expectedPath}`, () => {
-        const {
-          getByText
-        } = renderComponent;
+      test("renders SASQRoute lookup component on ".concat(expectedPath), () => {
+        const _renderComponent4 = renderComponent,
+          getByText = _renderComponent4.getByText;
         expect(getByText(lookupComponentText)).toBeInTheDocument();
       });
-      test(`does not render SASQRoute view component on ${expectedPath}`, () => {
-        const {
-          queryByText
-        } = renderComponent;
+      test("does not render SASQRoute view component on ".concat(expectedPath), () => {
+        const _renderComponent5 = renderComponent,
+          queryByText = _renderComponent5.queryByText;
         expect(queryByText(viewComponentText)).not.toBeInTheDocument();
       });
       test('ref has gained lookup component ref data', () => {
@@ -243,16 +236,15 @@ describe('SASQRoute', () => {
           expect(testFetchParametersOnClick).toHaveBeenCalledWith(expectedFetchParameters);
         });
       });
-      describe(`navigating to ${expectedViewPath}`, () => {
+      describe("navigating to ".concat(expectedViewPath), () => {
         beforeEach(async () => {
           await (0, _react2.waitFor)(async () => {
             await (0, _stripesErmTesting.Button)('SASQViewButton').click();
           });
         });
-        test(`renders SASQRoute view component on ${expectedViewPath}`, () => {
-          const {
-            getByText
-          } = renderComponent;
+        test("renders SASQRoute view component on ".concat(expectedViewPath), () => {
+          const _renderComponent6 = renderComponent,
+            getByText = _renderComponent6.getByText;
           expect(getByText(viewComponentText)).toBeInTheDocument();
         });
         test('ref has gained view component ref data', () => {

package/es/lib/SASQViewComponent/SASQViewComponent.js

@@ -9,31 +9,39 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["fetchParameters", "history", "id", "location", "match", "path", "viewQueryPromise", "viewResponseTransform", "ViewComponent", "viewQueryNamespaceGenerator"],
+  _excluded2 = ["data"];
 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 SASQViewComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    fetchParameters,
-    history,
-    id,
-    location,
-    match,
-    path,
-    viewQueryPromise = _ref2 => {
-      let {
-        endpoint,
-        ky,
-        resourceId
-      } = _ref2;
-      return ky.get(`${endpoint}/${resourceId}`).json();
-    },
-    viewResponseTransform = response => response,
-    ViewComponent,
-    viewQueryNamespaceGenerator = _ref3 => {
-      let {
-        namespace,
-        componentId,
-        id: passedId
-      } = _ref3;
+  var _fetchParameters$item, _match$params, _match$params3;
+  let fetchParameters = _ref.fetchParameters,
+    history = _ref.history,
+    id = _ref.id,
+    location = _ref.location,
+    match = _ref.match,
+    path = _ref.path,
+    _ref$viewQueryPromise = _ref.viewQueryPromise,
+    viewQueryPromise = _ref$viewQueryPromise === void 0 ? _ref2 => {
+      let endpoint = _ref2.endpoint,
+        ky = _ref2.ky,
+        resourceId = _ref2.resourceId;
+      return ky.get("".concat(endpoint, "/").concat(resourceId)).json();
+    } : _ref$viewQueryPromise,
+    _ref$viewResponseTran = _ref.viewResponseTransform,
+    viewResponseTransform = _ref$viewResponseTran === void 0 ? response => response : _ref$viewResponseTran,
+    ViewComponent = _ref.ViewComponent,
+    _ref$viewQueryNamespa = _ref.viewQueryNamespaceGenerator,
+    viewQueryNamespaceGenerator = _ref$viewQueryNamespa === void 0 ? _ref3 => {
+      let namespace = _ref3.namespace,
+        componentId = _ref3.componentId,
+        passedId = _ref3.id;
       const queryNamespace = [namespace, 'SASQ'];
       if (componentId) {
         queryNamespace.push(componentId);
@@ -41,54 +49,49 @@ const SASQViewComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       queryNamespace.push('view');
       queryNamespace.push(passedId);
       return queryNamespace;
-    },
-    ...props
-  } = _ref;
-  const {
-    0: namespace
-  } = (0, _core.useNamespace)();
+    } : _ref$viewQueryNamespa,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const _useNamespace = (0, _core.useNamespace)(),
+    namespace = _useNamespace[0];
 
   // If itemEndpoint is available, use that, otherwise use standard endpoint
-  const endpoint = fetchParameters?.itemEndpoint ?? fetchParameters?.endpoint;
+  const endpoint = (_fetchParameters$item = fetchParameters === null || fetchParameters === void 0 ? void 0 : fetchParameters.itemEndpoint) !== null && _fetchParameters$item !== void 0 ? _fetchParameters$item : fetchParameters === null || fetchParameters === void 0 ? void 0 : fetchParameters.endpoint;
   const ky = (0, _core.useOkapiKy)();
-  const {
-    data = {},
-    ...rest
-  } = (0, _reactQuery.useQuery)(viewQueryNamespaceGenerator({
-    componentId: id,
-    namespace,
-    endpoint,
-    id: match?.params?.id,
-    match
-  }), () => {
-    return viewQueryPromise({
-      ky,
-      resourceId: match?.params?.id,
-      endpoint
-    });
-  }, {
-    enabled: !!match?.params?.id,
-    // 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 viewResponseTransform is a func as opposed to an object
-    select: selectData => {
-      return viewResponseTransform(selectData);
-    }
-  });
+  const _useQuery = (0, _reactQuery.useQuery)(viewQueryNamespaceGenerator({
+      componentId: id,
+      namespace,
+      endpoint,
+      id: match === null || match === void 0 || (_match$params = match.params) === null || _match$params === void 0 ? void 0 : _match$params.id,
+      match
+    }), () => {
+      var _match$params2;
+      return viewQueryPromise({
+        ky,
+        resourceId: match === null || match === void 0 || (_match$params2 = match.params) === null || _match$params2 === void 0 ? void 0 : _match$params2.id,
+        endpoint
+      });
+    }, {
+      enabled: !!(match !== null && match !== void 0 && (_match$params3 = match.params) !== null && _match$params3 !== void 0 && _match$params3.id),
+      // 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 viewResponseTransform is a func as opposed to an object
+      select: selectData => {
+        return viewResponseTransform(selectData);
+      }
+    }),
+    _useQuery$data = _useQuery.data,
+    data = _useQuery$data === void 0 ? {} : _useQuery$data,
+    rest = _objectWithoutProperties(_useQuery, _excluded2);
   (0, _react.useImperativeHandle)(ref, () => ({
-    queryProps: {
-      data,
-      ...rest
-    }
+    queryProps: _objectSpread({
+      data
+    }, rest)
   }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewComponent, {
-    onClose: () => history.push(`${path}${location.search}`),
-    queryProps: {
-      ...rest
-    },
-    resource: data,
-    ...props
-  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewComponent, _objectSpread({
+    onClose: () => history.push("".concat(path).concat(location.search)),
+    queryProps: _objectSpread({}, rest),
+    resource: data
+  }, props));
 });
 SASQViewComponent.propTypes = {
   fetchParameters: _propTypes.default.object,

package/es/lib/SASQViewComponent/SASQViewComponent.test.js

@@ -12,6 +12,11 @@ var _jest = require("../../../test/jest");
 var _SASQViewComponent = _interopRequireDefault(require("./SASQViewComponent"));
 var _jsxRuntime = require("react/jsx-runtime");
 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); }
 const ViewComponentRender = exports.ViewComponentRender = jest.fn();
 const MockViewComponent = jest.fn(props => {
   ViewComponentRender(props);
@@ -37,11 +42,9 @@ describe('SASQViewComponent', () => {
     expectedPath: '/testPath',
     expectedSearch: '?filters=test&page=1'
   }])('Testing $testLabel', _ref => {
-    let {
-      startingLocation,
-      expectedPath,
-      expectedSearch
-    } = _ref;
+    let startingLocation = _ref.startingLocation,
+      expectedPath = _ref.expectedPath,
+      expectedSearch = _ref.expectedSearch;
     let renderResult;
     beforeEach(() => {
       ViewComponentRender.mockClear();
@@ -52,8 +55,7 @@ describe('SASQViewComponent', () => {
         initialEntries: [startingLocation],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
           path: "/testPath/:id",
-          render: routeProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQViewComponent.default, {
-            ...routeProps,
+          render: routeProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQViewComponent.default, _objectSpread(_objectSpread({}, routeProps), {}, {
             ref: theRef,
             fetchParameters: {
               endpoint: '/test',
@@ -65,14 +67,13 @@ describe('SASQViewComponent', () => {
             id: "sasq-test",
             path: "/testPath",
             ViewComponent: MockViewComponent
-          })
+          }))
         })
       }));
     });
     test('renders the view component', async () => {
-      const {
-        getByText
-      } = renderResult;
+      const _renderResult = renderResult,
+        getByText = _renderResult.getByText;
       await (0, _react2.waitFor)(() => {
         expect(getByText('SASQViewComponent')).toBeInTheDocument();
       });
@@ -86,7 +87,7 @@ describe('SASQViewComponent', () => {
       await (0, _react2.waitFor)(async () => {
         await (0, _stripesErmTesting.Button)('Close').click();
       });
-      expect(historyPush).toHaveBeenCalledWith(`${expectedPath}${expectedSearch}`);
+      expect(historyPush).toHaveBeenCalledWith("".concat(expectedPath).concat(expectedSearch));
     });
     test('ref exposes onClose function', async () => {
       await (0, _react2.waitFor)(() => {