@k-int/stripes-kint-components 5.31.3 → 5.32.0

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

@@ -0,0 +1,269 @@
+"use strict";
+
+var _react = require("react");
+var _reactRouterDom = require("react-router-dom");
+var _react2 = require("@folio/jest-config-stripes/testing-library/react");
+var _components = require("@folio/stripes/components");
+var _stripesErmTesting = require("@folio/stripes-erm-testing");
+var _jest = require("../../../test/jest");
+var _SASQRoute = _interopRequireDefault(require("./SASQRoute"));
+var _SASQLookupComponent = require("../SASQLookupComponent");
+var _SASQViewComponent = 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); } // We can import these special render-mocks once we manually mock the modules
+// Using Manual mocks
+jest.mock('../SASQLookupComponent');
+jest.mock('../SASQViewComponent');
+const testFetchParametersOnClick = jest.fn();
+let theRef;
+describe('SASQRoute', () => {
+  describe.each([{
+    testLabel: 'default behaviour on path /testPath',
+    props: {
+      fetchParameters: {
+        SASQ_MAP: {}
+      },
+      path: '/testPath'
+    },
+    expectedPath: '/testPath',
+    expectedViewPath: '/testPath/testId',
+    expectedFetchParameters: {
+      SASQ_MAP: {
+        perPage: 25,
+        stats: true
+      }
+    },
+    lookupComponentText: 'SASQLookupComponent',
+    viewComponentText: 'SASQViewComponent'
+  }, {
+    testLabel: 'with passed getPathLookup and getPathView',
+    props: {
+      fetchParameters: {
+        SASQ_MAP: {}
+      },
+      getPathLookup: () => '/wibble/:id?',
+      getPathView: () => '/wibble/extra-param/:id'
+      // path: '/testPath' // FIXME it turns out if you pass a path in then that gets used by parent Switch
+      // In addition one can't easily set just the view path since it needs to be rendered within the lookup path...
+      // not the most helpful props to be honest -- see ILL SharedIndexRoute for the current only usage
+    },
+    expectedPath: '/wibble',
+    expectedViewPath: '/wibble/extra-param/testId',
+    expectedFetchParameters: {
+      SASQ_MAP: {
+        perPage: 25,
+        stats: true
+      }
+    },
+    lookupComponentText: 'SASQLookupComponent',
+    viewComponentText: 'SASQViewComponent'
+  }, {
+    testLabel: 'with passed SASQLookupComponent',
+    props: {
+      fetchParameters: {
+        SASQ_MAP: {}
+      },
+      path: '/testPath'
+    },
+    expectedPath: '/testPath',
+    expectedViewPath: '/testPath/testId',
+    expectedFetchParameters: {
+      SASQ_MAP: {
+        perPage: 25,
+        stats: true
+      }
+    },
+    lookupComponentText: 'Special Test Lookup Component',
+    viewComponentText: 'SASQViewComponent',
+    mockLookupComponent: _ref => {
+      let {
+        children
+      } = _ref;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: "Special Test Lookup Component"
+        }), children]
+      });
+    }
+  }, {
+    testLabel: 'with passed SASQViewComponent',
+    props: {
+      fetchParameters: {
+        SASQ_MAP: {}
+      },
+      path: '/testPath'
+    },
+    expectedPath: '/testPath',
+    expectedViewPath: '/testPath/testId',
+    expectedFetchParameters: {
+      SASQ_MAP: {
+        perPage: 25,
+        stats: true
+      }
+    },
+    lookupComponentText: 'SASQLookupComponent',
+    viewComponentText: 'Special Test View Component',
+    mockViewComponent: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "Special Test View Component"
+    })
+  }, {
+    testLabel: 'with passed fetchParameters',
+    props: {
+      fetchParameters: {
+        wibble: 3,
+        // Test that fetchParams don't get lost
+        SASQ_MAP: {
+          wobble: 'igneous',
+          // Test that fetchParams.SASQ_MAP params don't get lost
+          perPage: 20,
+          // Test that fetchParams.SASQ_MAP.perPage is only defaulted, not overridden
+          stats: false // This tests that stats gets overridden
+        }
+      },
+      path: '/testPath'
+    },
+    expectedPath: '/testPath',
+    expectedViewPath: '/testPath/testId',
+    expectedFetchParameters: {
+      wibble: 3,
+      SASQ_MAP: {
+        wobble: 'igneous',
+        perPage: 20,
+        stats: true
+      }
+    },
+    lookupComponentText: 'SASQLookupComponent',
+    viewComponentText: 'SASQViewComponent'
+  }])('Testing $testLabel', _ref2 => {
+    let {
+      expectedPath,
+      expectedViewPath,
+      expectedFetchParameters,
+      props,
+      lookupComponentText,
+      viewComponentText,
+      mockLookupComponent,
+      mockViewComponent
+    } = _ref2;
+    let renderComponent;
+    beforeEach(() => {
+      testFetchParametersOnClick.mockClear();
+
+      // Set up a ref we can pass around -- new per test (block)
+      theRef = /*#__PURE__*/(0, _react.createRef)();
+
+      // EXAMPLE we set up a special "mockResetToDefault" on the manual mock objects specifically
+      // to return to the original implementation
+      // We could potentially have used jest spyOn and restore, but this already took me too long to figure out...
+      if (mockLookupComponent) {
+        _SASQLookupComponent.SASQLookupComponentRender.mockImplementation(mockLookupComponent);
+      } else {
+        _SASQLookupComponent.SASQLookupComponentRender.mockResetToDefault();
+      }
+      if (mockViewComponent) {
+        _SASQViewComponent.SASQViewComponentRender.mockImplementation(mockViewComponent);
+      } else {
+        _SASQViewComponent.SASQViewComponentRender.mockResetToDefault();
+      }
+      renderComponent = (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.MemoryRouter, {
+        initialEntries: ['/hello'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          to: expectedPath,
+          children: "SASQRouteButton"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          to: expectedViewPath,
+          children: "SASQViewButton"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Switch, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
+            path: "/hello",
+            children: "Hello world"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQRoute.default, _objectSpread({
+            ref: theRef
+            // Allow for testing of fetch parameters
+            ,
+            testFetchParametersOnClick: testFetchParametersOnClick
+          }, props))]
+        })]
+      }));
+    });
+    test('does not render SASQRoute on /hello', () => {
+      const {
+        queryByText
+      } = renderComponent;
+      expect(queryByText(lookupComponentText)).not.toBeInTheDocument();
+    });
+    test('renders hello world text', () => {
+      const {
+        getByText
+      } = renderComponent;
+      expect(getByText('Hello world')).toBeInTheDocument();
+    });
+    test('ref is unset', () => {
+      expect(theRef.current).toEqual(null);
+    });
+    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;
+        expect(queryByText('Hello world')).not.toBeInTheDocument();
+      });
+      test("renders SASQRoute lookup component on ".concat(expectedPath), () => {
+        const {
+          getByText
+        } = renderComponent;
+        expect(getByText(lookupComponentText)).toBeInTheDocument();
+      });
+      test("does not render SASQRoute view component on ".concat(expectedPath), () => {
+        const {
+          queryByText
+        } = renderComponent;
+        expect(queryByText(viewComponentText)).not.toBeInTheDocument();
+      });
+      test('ref has gained lookup component ref data', () => {
+        expect(theRef.current).toEqual({
+          lookupRefData: 'mocked lookup data'
+        });
+      });
+      describe('testing fetchParameters', () => {
+        beforeEach(async () => {
+          await (0, _react2.waitFor)(async () => {
+            await (0, _stripesErmTesting.Button)('Test fetchParameters').click();
+          });
+        });
+        test('testFetchParametersOnClick was called with expected values', () => {
+          expect(testFetchParametersOnClick).toHaveBeenCalledWith(expectedFetchParameters);
+        });
+      });
+      describe("navigating to ".concat(expectedViewPath), () => {
+        beforeEach(async () => {
+          await (0, _react2.waitFor)(async () => {
+            await (0, _stripesErmTesting.Button)('SASQViewButton').click();
+          });
+        });
+        test("renders SASQRoute view component on ".concat(expectedViewPath), () => {
+          const {
+            getByText
+          } = renderComponent;
+          expect(getByText(viewComponentText)).toBeInTheDocument();
+        });
+        test('ref has gained view component ref data', () => {
+          expect(theRef.current).toEqual({
+            lookupRefData: 'mocked lookup data',
+            viewRefData: 'mocked view data'
+          });
+        });
+      });
+    });
+  });
+});

package/es/lib/SASQViewComponent/SASQViewComponent.js

@@ -9,86 +9,94 @@ 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) => {
+  var _fetchParameters$item, _match$params, _match$params3;
   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;
-      const queryNamespace = [namespace, 'SASQ'];
-      if (componentId) {
-        queryNamespace.push(componentId);
+      fetchParameters,
+      history,
+      id,
+      location,
+      match,
+      path,
+      viewQueryPromise = _ref2 => {
+        let {
+          endpoint,
+          ky,
+          resourceId
+        } = _ref2;
+        return ky.get("".concat(endpoint, "/").concat(resourceId)).json();
+      },
+      viewResponseTransform = response => response,
+      ViewComponent,
+      viewQueryNamespaceGenerator = _ref3 => {
+        let {
+          namespace,
+          componentId,
+          id: passedId
+        } = _ref3;
+        const queryNamespace = [namespace, 'SASQ'];
+        if (componentId) {
+          queryNamespace.push(componentId);
+        }
+        queryNamespace.push('view');
+        queryNamespace.push(passedId);
+        return queryNamespace;
       }
-      queryNamespace.push('view');
-      queryNamespace.push(passedId);
-      return queryNamespace;
-    },
-    ...props
-  } = _ref;
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     0: namespace
   } = (0, _core.useNamespace)();
 
   // 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);
+      }
+    }),
+    {
+      data = {}
+    } = _useQuery,
+    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

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ViewComponentRender = void 0;
+var _react = require("react");
+var _reactRouterDom = require("react-router-dom");
+var _react2 = require("@folio/jest-config-stripes/testing-library/react");
+var _stripesErmTesting = require("@folio/stripes-erm-testing");
+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);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: ["SASQViewComponent", /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      onClick: props.onClose,
+      type: "button",
+      children: "Close"
+    })]
+  });
+});
+describe('SASQViewComponent', () => {
+  let theRef;
+  let historyPush;
+  describe.each([{
+    testLabel: 'default behaviour',
+    startingLocation: '/testPath/testId',
+    expectedPath: '/testPath',
+    expectedSearch: ''
+  }, {
+    testLabel: 'with query params',
+    startingLocation: '/testPath/testId?filters=test&page=1',
+    expectedPath: '/testPath',
+    expectedSearch: '?filters=test&page=1'
+  }])('Testing $testLabel', _ref => {
+    let {
+      startingLocation,
+      expectedPath,
+      expectedSearch
+    } = _ref;
+    let renderResult;
+    beforeEach(() => {
+      ViewComponentRender.mockClear();
+      MockViewComponent.mockClear();
+      historyPush = jest.fn();
+      theRef = /*#__PURE__*/(0, _react.createRef)();
+      renderResult = (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
+        initialEntries: [startingLocation],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
+          path: "/testPath/:id",
+          render: routeProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQViewComponent.default, _objectSpread(_objectSpread({}, routeProps), {}, {
+            ref: theRef,
+            fetchParameters: {
+              endpoint: '/test',
+              itemEndpoint: '/test'
+            },
+            history: {
+              push: historyPush
+            },
+            id: "sasq-test",
+            path: "/testPath",
+            ViewComponent: MockViewComponent
+          }))
+        })
+      }));
+    });
+    test('renders the view component', async () => {
+      const {
+        getByText
+      } = renderResult;
+      await (0, _react2.waitFor)(() => {
+        expect(getByText('SASQViewComponent')).toBeInTheDocument();
+      });
+    });
+    test('calls the ViewComponent', async () => {
+      await (0, _react2.waitFor)(() => {
+        expect(ViewComponentRender).toHaveBeenCalled();
+      });
+    });
+    test('onClose navigates back to list path', async () => {
+      await (0, _react2.waitFor)(async () => {
+        await (0, _stripesErmTesting.Button)('Close').click();
+      });
+      expect(historyPush).toHaveBeenCalledWith("".concat(expectedPath).concat(expectedSearch));
+    });
+    test('ref exposes onClose function', async () => {
+      await (0, _react2.waitFor)(() => {
+        expect(theRef.current).toBeTruthy();
+      });
+    });
+    test('ref exposes queryProps', async () => {
+      await (0, _react2.waitFor)(() => {
+        expect(theRef.current).toBeTruthy();
+      });
+      expect(theRef.current.queryProps).toBeDefined();
+      expect(theRef.current.queryProps.data).toBeDefined();
+    });
+  });
+});

package/es/lib/SASQViewComponent/__mocks__/SASQViewComponent.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _SASQViewComponentRender = _interopRequireDefault(require("./SASQViewComponentRender"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SASQViewComponent = /*#__PURE__*/(0, _react.forwardRef)((_props, ref) => {
+  // Use useImperativeHandle to expose a mock object
+  (0, _react.useImperativeHandle)(ref, () => ({
+    // This is the object the ref will point to
+    viewRefData: 'mocked view data'
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQViewComponentRender.default, {});
+});
+var _default = exports.default = SASQViewComponent;

package/es/lib/SASQViewComponent/__mocks__/SASQViewComponentRender.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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 = () => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: "SASQViewComponent"
+  });
+};
+const SASQViewComponentRender = jest.fn(originalRenderImplementation);
+SASQViewComponentRender.mockResetToDefault = () => {
+  SASQViewComponentRender.mockImplementation(originalRenderImplementation);
+};
+var _default = exports.default = SASQViewComponentRender;

package/es/lib/SASQViewComponent/__mocks__/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SASQViewComponentRender", {
+  enumerable: true,
+  get: function () {
+    return _SASQViewComponentRender.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _SASQViewComponent.default;
+  }
+});
+var _SASQViewComponent = _interopRequireDefault(require("./SASQViewComponent"));
+var _SASQViewComponentRender = _interopRequireDefault(require("./SASQViewComponentRender"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/es/lib/SearchField/SearchField.js

@@ -9,8 +9,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _components = require("@folio/stripes/components");
 var _SearchField = _interopRequireDefault(require("../../../styles/SearchField.css"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ariaLabel"]; // Accepts the same props as TextField
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Accepts the same props as TextField
+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 propTypes = {
   ariaLabel: _propTypes.default.string,
   clearSearchId: _propTypes.default.string,
@@ -19,23 +26,22 @@ const propTypes = {
 };
 const SearchField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
-    ariaLabel,
-    ...rest
-  } = props;
+      ariaLabel
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const searchIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
     icon: "search",
     iconClassName: _SearchField.default.searchIcon,
     size: "small"
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, {
-    ...rest,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, _objectSpread(_objectSpread({}, rest), {}, {
     "aria-label": rest['aria-label'] || ariaLabel,
     focussedclass: _SearchField.default.isFocused,
     hasClearIcon: true,
     inputRef: ref,
     startControl: searchIcon,
     type: "search"
-  });
+  }));
 });
 SearchField.propTypes = propTypes;
 var _default = exports.default = SearchField;