@k-int/stripes-kint-components 2.8.5 → 2.8.7

package/es/lib/RichSelect/RichSelect.js

@@ -11,77 +11,55 @@ var _components = require("@folio/stripes/components");
 var _RichSelect = _interopRequireDefault(require("../../../styles/RichSelect.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var RichSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _ref2, _meta$initial, _findSelectedOptionBy, _meta$initial2;
-  var ariaLabel = _ref.ariaLabel,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$dropdownProps = _ref.dropdownProps,
-    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
-    id = _ref.id,
-    _ref$input = _ref.input,
-    formInput = _ref$input === void 0 ? {} : _ref$input,
-    label = _ref.label,
-    meta = _ref.meta,
-    onChange = _ref.onChange,
-    _ref$options = _ref.options,
-    userOptions = _ref$options === void 0 ? [] : _ref$options,
-    placeholder = _ref.placeholder,
-    _renderMenu = _ref.renderMenu,
-    renderOption = _ref.renderOption,
-    _renderTrigger = _ref.renderTrigger,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
-    value = _ref.value;
-  var hiddenInput = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)((_ref2 = (_meta$initial = meta === null || meta === void 0 ? void 0 : meta.initial) !== null && _meta$initial !== void 0 ? _meta$initial : value) !== null && _ref2 !== void 0 ? _ref2 : ''),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalValue = _useState2[0],
-    setInternalValue = _useState2[1];
-  var findSelectedOptionByValue = (0, _react.useCallback)(function (val) {
-    return userOptions.find(function (opt) {
-      return opt.value === val;
-    });
+const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    ariaLabel,
+    disabled = false,
+    dropdownProps = {},
+    id,
+    input: formInput = {},
+    label,
+    meta,
+    onChange,
+    options: userOptions = [],
+    placeholder,
+    renderMenu,
+    renderOption,
+    renderTrigger,
+    required = false,
+    value
+  } = _ref;
+  const hiddenInput = (0, _react.useRef)(null);
+  const [internalValue, setInternalValue] = (0, _react.useState)(meta?.initial ?? value ?? '');
+  const findSelectedOptionByValue = (0, _react.useCallback)(val => {
+    return userOptions.find(opt => opt.value === val);
   }, [userOptions]);
-  var _useState3 = (0, _react.useState)((_findSelectedOptionBy = findSelectedOptionByValue((_meta$initial2 = meta === null || meta === void 0 ? void 0 : meta.initial) !== null && _meta$initial2 !== void 0 ? _meta$initial2 : '')) !== null && _findSelectedOptionBy !== void 0 ? _findSelectedOptionBy : {}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedOption = _useState4[0],
-    setSelectedOption = _useState4[1];
-  (0, _react.useEffect)(function () {
+  const [selectedOption, setSelectedOption] = (0, _react.useState)(findSelectedOptionByValue(meta?.initial ?? '') ?? {});
+  (0, _react.useEffect)(() => {
     // We treat non-undefined value/formInput values as valid values, whereas undefined is only relevant when prop has not been provided
-    if (value !== undefined && !(value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) && value === internalValue)) {
+    if (value !== undefined && !(value === selectedOption?.value && value === internalValue)) {
       setSelectedOption(findSelectedOptionByValue(value));
       setInternalValue(value);
-    } else if ((formInput === null || formInput === void 0 ? void 0 : formInput.value) !== undefined && !(value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) && value === internalValue)) {
+    } else if (formInput?.value !== undefined && !(value === selectedOption?.value && value === internalValue)) {
       setSelectedOption(findSelectedOptionByValue(formInput.value));
       setInternalValue(formInput.value);
     }
   }, [formInput, value, internalValue, selectedOption, findSelectedOptionByValue]);
 
   // Way to grab internal selectedOption state, thereby avoiding having to reparse options for it
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      selectedOption: selectedOption
-    };
-  });
-  var defaultRenderTrigger = function defaultRenderTrigger(_ref3) {
-    var _ref4, _ref5, _ref6, _selectedOption$label;
-    var onToggle = _ref3.onToggle,
-      triggerRef = _ref3.triggerRef,
-      keyHandler = _ref3.keyHandler,
-      open = _ref3.open,
-      ariaProps = _ref3.ariaProps,
-      getTriggerProps = _ref3.getTriggerProps;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, _objectSpread(_objectSpread(_objectSpread({
+  (0, _react.useImperativeHandle)(ref, () => ({
+    selectedOption
+  }));
+  const defaultRenderTrigger = _ref2 => {
+    let {
+      onToggle,
+      triggerRef,
+      keyHandler,
+      open,
+      ariaProps,
+      getTriggerProps
+    } = _ref2;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       ref: triggerRef,
       buttonClass: _RichSelect.default.iconButtonText,
       buttonStyle: "none",
@@ -90,16 +68,17 @@ var RichSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       onClick: onToggle,
       onKeyDown: keyHandler,
       paddingSide0: true,
-      type: "button"
-    }, getTriggerProps()), ariaProps), {}, {
+      type: "button",
+      ...getTriggerProps(),
+      ...ariaProps,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
         icon: open ? 'caret-up' : 'caret-down',
         iconPosition: "end",
-        children: (_ref4 = (_ref5 = (_ref6 = (_selectedOption$label = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _selectedOption$label !== void 0 ? _selectedOption$label : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== null && _ref6 !== void 0 ? _ref6 : internalValue || null) !== null && _ref5 !== void 0 ? _ref5 : placeholder) !== null && _ref4 !== void 0 ? _ref4 : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: selectedOption?.label ?? selectedOption?.value ?? (internalValue || null) ?? placeholder ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
           id: "stripes-kint-components.richSelect.placeholder"
         })
       })
-    }))
+    })
     // Awaiting result of conversation about whether we want to allow labels on IconButtons
     /* <IconButton
       ref={triggerRef}
@@ -123,9 +102,9 @@ var RichSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     </IconButton> */;
   };
 
-  var handleChange = function handleChange(e) {
+  const handleChange = e => {
     // Actually set the value in the form (If formInput exists)
-    if (formInput !== null && formInput !== void 0 && formInput.onChange) {
+    if (formInput?.onChange) {
       formInput.onChange(e);
     }
 
@@ -134,23 +113,22 @@ var RichSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       onChange(e, e.target.value);
     }
   };
-  var changeField = function changeField(val) {
+  const changeField = val => {
     (0, _components.nativeChangeFieldValue)(hiddenInput, false, val);
   };
-  var defaultRenderOption = function defaultRenderOption(opt) {
-    var _opt$label;
-    return (_opt$label = opt.label) !== null && _opt$label !== void 0 ? _opt$label : opt.value;
-  };
-  var defaultRenderMenu = function defaultRenderMenu(_ref7) {
-    var onToggle = _ref7.onToggle;
+  const defaultRenderOption = opt => opt.label ?? opt.value;
+  const defaultRenderMenu = _ref3 => {
+    let {
+      onToggle
+    } = _ref3;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
-      children: userOptions.map(function (opt) {
+      children: userOptions.map(opt => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          autoFocus: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === opt.value,
+          autoFocus: selectedOption?.value === opt.value,
           buttonStyle: "dropdownItem",
-          id: "".concat(id, "-").concat(formInput.name, "-option-").concat(opt.value),
+          id: `${id}-${formInput.name}-option-${opt.value}`,
           marginBottom0: true,
-          onClick: function onClick() {
+          onClick: () => {
             // Trigger change event
             changeField(opt.value);
 
@@ -166,38 +144,42 @@ var RichSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     children: [label || ariaLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Label, {
       className: ariaLabel && 'sr-only',
       htmlFor: id,
-      id: "".concat(id, "-label"),
+      id: `${id}-label`,
       required: required,
       children: ariaLabel || label
-    }) : '', /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, _objectSpread({
+    }) : '', /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
       hasPadding: true,
       placement: "bottom-start",
-      renderMenu: function renderMenu(menuProps) {
-        if (_renderMenu) {
-          return _renderMenu(_objectSpread(_objectSpread({}, menuProps), {}, {
-            selectedOption: selectedOption,
-            changeField: changeField
-          }));
+      renderMenu: menuProps => {
+        if (renderMenu) {
+          return renderMenu({
+            ...menuProps,
+            selectedOption,
+            changeField
+          });
         } else {
           return defaultRenderMenu(menuProps);
         }
       },
-      renderTrigger: function renderTrigger(triggerProps) {
-        if (_renderTrigger) {
-          return _renderTrigger(_objectSpread(_objectSpread({}, triggerProps), {}, {
-            selectedOption: selectedOption
-          }));
+      renderTrigger: triggerProps => {
+        if (renderTrigger) {
+          return renderTrigger({
+            ...triggerProps,
+            selectedOption
+          });
         } else {
           return defaultRenderTrigger(triggerProps);
         }
-      }
-    }, dropdownProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, formInput), {}, {
+      },
+      ...dropdownProps
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      ...formInput,
       ref: hiddenInput,
       hidden: true,
       onChange: handleChange,
       type: "text",
       value: internalValue
-    }))]
+    })]
   });
 });
 RichSelect.propTypes = {
@@ -220,5 +202,4 @@ RichSelect.propTypes = {
   required: _propTypes.default.bool,
   value: _propTypes.default.string
 };
-var _default = RichSelect;
-exports.default = _default;
+var _default = exports.default = RichSelect;

package/es/lib/RichSelect/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RichSelect.default;
   }
 });
 Object.defineProperty(exports, "useSelectedOption", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useSelectedOption.default;
   }
 });

package/es/lib/RichSelect/useSelectedOption.js

@@ -5,24 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var useSelectedOption = function useSelectedOption() {
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedOption = _useState2[0],
-    setSelectedOption = _useState2[1];
-  var ref = (0, _react.useCallback)(function (node) {
-    var _node$selectedOption;
-    if (node !== null && (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== ((_node$selectedOption = node.selectedOption) === null || _node$selectedOption === void 0 ? void 0 : _node$selectedOption.value)) {
+const useSelectedOption = () => {
+  const [selectedOption, setSelectedOption] = (0, _react.useState)();
+  const ref = (0, _react.useCallback)(node => {
+    if (node !== null && selectedOption?.value !== node.selectedOption?.value) {
       setSelectedOption(node.selectedOption);
     }
   }, [selectedOption]);
   return [ref, selectedOption];
 };
-var _default = useSelectedOption;
-exports.default = _default;
+var _default = exports.default = useSelectedOption;

package/es/lib/SASQLookupComponent/SASQLookupComponent.js

@@ -14,131 +14,104 @@ var _utils = require("../utils");
 var _hooks = require("../hooks");
 var _TableBody = _interopRequireDefault(require("./TableBody"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["data"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var SASQLookupComponent = function SASQLookupComponent(props) {
-  var _totalData$pages$redu, _totalData$pages;
-  var _children = props.children,
-    _props$fetchParameter = props.fetchParameters,
-    fetchParameters = _props$fetchParameter === void 0 ? {} : _props$fetchParameter,
-    _props$FilterComponen = props.FilterComponent,
-    FilterComponent = _props$FilterComponen === void 0 ? function () {
-      return null;
-    } : _props$FilterComponen,
-    _props$FilterPaneHead = props.FilterPaneHeaderComponent,
-    FilterPaneHeaderComponent = _props$FilterPaneHead === void 0 ? function () {
-      return null;
-    } : _props$FilterPaneHead,
-    filterPaneProps = props.filterPaneProps,
-    id = props.id,
-    mainPaneProps = props.mainPaneProps,
-    noSearchField = props.noSearchField,
-    RenderBody = props.RenderBody,
-    sasqProps = props.sasqProps;
-  var _useKiwtSASQuery = (0, _hooks.useKiwtSASQuery)(),
-    query = _useKiwtSASQuery.query,
-    queryGetter = _useKiwtSASQuery.queryGetter,
-    querySetter = _useKiwtSASQuery.querySetter;
-  var _useNamespace = (0, _core.useNamespace)(),
-    namespace = _useNamespace[0];
-  var ky = (0, _core.useOkapiKy)();
-  var filterPaneVisibileKey = "".concat(namespace, "-").concat(id, "-filterPaneVisibility");
-  var fetchPageData = function fetchPageData(_ref) {
-    var _ref$pageParam = _ref.pageParam,
-      pageParam = _ref$pageParam === void 0 ? 0 : _ref$pageParam;
-    var queryMap = fetchParameters.SASQ_MAP;
+const SASQLookupComponent = props => {
+  const {
+    children,
+    fetchParameters = {},
+    FilterComponent = () => null,
+    FilterPaneHeaderComponent = () => null,
+    filterPaneProps,
+    id,
+    mainPaneProps,
+    noSearchField,
+    RenderBody,
+    sasqProps
+  } = props;
+  const {
+    query,
+    queryGetter,
+    querySetter
+  } = (0, _hooks.useKiwtSASQuery)();
+  const {
+    0: namespace
+  } = (0, _core.useNamespace)();
+  const ky = (0, _core.useOkapiKy)();
+  const filterPaneVisibileKey = `${namespace}-${id}-filterPaneVisibility`;
+  const fetchPageData = _ref => {
+    let {
+      pageParam = 0
+    } = _ref;
+    const queryMap = fetchParameters.SASQ_MAP;
     queryMap.offset = pageParam;
-    return ky("".concat(fetchParameters.endpoint).concat((0, _utils.generateKiwtQuery)(queryMap, query))).json();
+    return ky(`${fetchParameters.endpoint}${(0, _utils.generateKiwtQuery)(queryMap, query)}`).json();
   };
-  var _useLocalStorageState = (0, _hooks.useLocalStorageState)(filterPaneVisibileKey, true),
-    _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 2),
-    filterPaneVisible = _useLocalStorageState2[0],
-    setFilterPaneVisible = _useLocalStorageState2[1];
-  var toggleFilterPane = function toggleFilterPane() {
-    return setFilterPaneVisible(!filterPaneVisible);
-  };
-  var _useInfiniteQuery = (0, _reactQuery.useInfiniteQuery)([namespace, id, 'data', query], fetchPageData),
-    _useInfiniteQuery$dat = _useInfiniteQuery.data,
-    totalData = _useInfiniteQuery$dat === void 0 ? {} : _useInfiniteQuery$dat,
-    restOfInfiniteQueryProps = _objectWithoutProperties(_useInfiniteQuery, _excluded);
-  var data = (_totalData$pages$redu = (_totalData$pages = totalData.pages) === null || _totalData$pages === void 0 ? void 0 : _totalData$pages.reduce(function (acc, curr) {
-    var _acc$results, _curr$results;
-    var newAcc = _objectSpread({}, acc);
-    for (var _i2 = 0, _Object$entries = Object.entries(curr); _i2 < _Object$entries.length; _i2++) {
-      var _Object$entries$_i = _slicedToArray(_Object$entries[_i2], 2),
-        key = _Object$entries$_i[0],
-        value = _Object$entries$_i[1];
+  const [filterPaneVisible, setFilterPaneVisible] = (0, _hooks.useLocalStorageState)(filterPaneVisibileKey, true);
+  const toggleFilterPane = () => setFilterPaneVisible(!filterPaneVisible);
+  const {
+    data: totalData = {},
+    ...restOfInfiniteQueryProps
+  } = (0, _reactQuery.useInfiniteQuery)([namespace, id, 'data', query], fetchPageData);
+  const data = totalData.pages?.reduce((acc, curr) => {
+    const newAcc = {
+      ...acc
+    };
+    for (const [key, value] of Object.entries(curr)) {
       if (key !== 'page' && key !== 'result' && acc[key] !== value) {
         newAcc[key] = value;
       }
     }
-    var newResults = _toConsumableArray((_acc$results = acc.results) !== null && _acc$results !== void 0 ? _acc$results : []);
-    newResults.push.apply(newResults, _toConsumableArray((_curr$results = curr.results) !== null && _curr$results !== void 0 ? _curr$results : []));
+    const newResults = [...(acc.results ?? [])];
+    newResults.push(...(curr.results ?? []));
     newAcc.results = newResults;
     return newAcc;
-  }, {})) !== null && _totalData$pages$redu !== void 0 ? _totalData$pages$redu : {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.SearchAndSortQuery, _objectSpread(_objectSpread({
+  }, {}) ?? {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.SearchAndSortQuery, {
     initialSearchState: {
       query: ''
     },
     queryGetter: queryGetter,
-    querySetter: querySetter
-  }, sasqProps), {}, {
-    children: function children(sasqRenderProps) {
-      var activeFilters = sasqRenderProps.activeFilters,
-        filterChanged = sasqRenderProps.filterChanged,
-        getFilterHandlers = sasqRenderProps.getFilterHandlers,
-        getSearchHandlers = sasqRenderProps.getSearchHandlers,
-        onSubmitSearch = sasqRenderProps.onSubmitSearch,
-        resetAll = sasqRenderProps.resetAll,
-        searchChanged = sasqRenderProps.searchChanged,
-        searchValue = sasqRenderProps.searchValue;
-      var searchHandlers = getSearchHandlers();
-      var disableReset = !filterChanged && !searchChanged;
-      var filterCount = activeFilters.string ? activeFilters.string.split(',').length : 0;
-      var Body = RenderBody !== null && RenderBody !== void 0 ? RenderBody : _TableBody.default;
+    querySetter: querySetter,
+    ...sasqProps,
+    children: sasqRenderProps => {
+      const {
+        activeFilters,
+        filterChanged,
+        getFilterHandlers,
+        getSearchHandlers,
+        onSubmitSearch,
+        resetAll,
+        searchChanged,
+        searchValue
+      } = sasqRenderProps;
+      const searchHandlers = getSearchHandlers();
+      const disableReset = !filterChanged && !searchChanged;
+      const filterCount = activeFilters.string ? activeFilters.string.split(',').length : 0;
+      const Body = RenderBody ?? _TableBody.default;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_smartComponents.PersistedPaneset, {
         appId: namespace,
-        id: "".concat(id, "-paneset"),
-        children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, _objectSpread(_objectSpread({
+        id: `${id}-paneset`,
+        children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
           defaultWidth: "20%",
           lastMenu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneMenu, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
               icon: "caret-left",
-              onClick: function onClick() {
-                return setFilterPaneVisible(false);
-              }
+              onClick: () => setFilterPaneVisible(false)
             })
           }),
           paneTitle: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
             id: "stripes-smart-components.searchAndFilter"
-          })
-        }, filterPaneProps), {}, {
+          }),
+          ...filterPaneProps,
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
             onSubmit: onSubmitSearch,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(FilterPaneHeaderComponent, {}), !noSearchField && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchField, {
                 autoFocus: true,
-                id: "sasq-search-field-".concat(id),
+                id: `sasq-search-field-${id}`,
                 name: "query",
-                onChange: function onChange(e) {
-                  var _e$target;
-                  if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.value) {
+                onChange: e => {
+                  if (e.target?.value) {
                     searchHandlers.query(e); // SASQ needs the whole event here
                   } else {
                     searchHandlers.reset();
@@ -176,15 +149,13 @@ var SASQLookupComponent = function SASQLookupComponent(props) {
               searchValue: searchValue
             })]
           })
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, _objectSpread(_objectSpread({
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
           defaultWidth: "fill",
           firstMenu: !filterPaneVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneMenu, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
               badgeCount: filterCount,
               icon: "caret-right",
-              onClick: function onClick() {
-                return setFilterPaneVisible(true);
-              }
+              onClick: () => setFilterPaneVisible(true)
             })
           }) : null,
           noOverflow: true,
@@ -192,20 +163,24 @@ var SASQLookupComponent = function SASQLookupComponent(props) {
           paneSub: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
             id: "stripes-kint-components.sasqLookupComponent.mainPane.found",
             values: {
-              total: data === null || data === void 0 ? void 0 : data.total
+              total: data?.total
             }
-          })
-        }, mainPaneProps), {}, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+          }),
+          ...mainPaneProps,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
             data: data,
             filterPaneVisible: filterPaneVisible,
             query: query,
-            toggleFilterPane: toggleFilterPane
-          }, restOfInfiniteQueryProps), sasqRenderProps), sasqProps), props))
-        })), _children]
+            toggleFilterPane: toggleFilterPane,
+            ...restOfInfiniteQueryProps,
+            ...sasqRenderProps,
+            ...sasqProps,
+            ...props
+          })
+        }), children]
       });
     }
-  }));
+  });
 };
 SASQLookupComponent.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
@@ -226,5 +201,4 @@ SASQLookupComponent.propTypes = {
   resultColumns: _propTypes.default.arrayOf(_propTypes.default.object),
   sasqProps: _propTypes.default.object
 };
-var _default = SASQLookupComponent;
-exports.default = _default;
+var _default = exports.default = SASQLookupComponent;