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

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 = {},
@@ -52,7 +63,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
@@ -81,7 +92,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.
@@ -92,7 +103,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 {
@@ -100,72 +111,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,
@@ -179,17 +188,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,
@@ -213,14 +222,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: [hasFilterPane && filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
+        id: "".concat(id, "-paneset")
+      }, persistedPanesetProps), {}, {
+        children: [hasFilterPane && 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
@@ -228,27 +237,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",
@@ -280,23 +289,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,
@@ -305,20 +314,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]),