@k-int/stripes-kint-components 4.7.1 → 5.0.0

package/es/lib/RichSelect/RichSelect.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,34 +12,56 @@ var _RichSelect = _interopRequireDefault(require("../../../styles/RichSelect.css
 var _FormattedKintMessage = _interopRequireDefault(require("../FormattedKintMessage"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) 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;
-  let {
-    ariaLabel,
-    disabled = false,
-    dropdownProps = {},
-    id,
-    input: formInput = {},
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    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)((_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 : '');
-  const findSelectedOptionByValue = (0, _react.useCallback)(val => {
-    return userOptions.find(opt => opt.value === val);
+  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,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    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;
+    });
   }, [userOptions]);
-  const [selectedOption, setSelectedOption] = (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 : {});
-  (0, _react.useEffect)(() => {
+  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 () {
     // 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)) {
       setSelectedOption(findSelectedOptionByValue(value));
@@ -50,19 +73,19 @@ const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }, [formInput, value, internalValue, selectedOption, findSelectedOptionByValue]);
 
   // Way to grab internal selectedOption state, thereby avoiding having to reparse options for it
-  (0, _react.useImperativeHandle)(ref, () => ({
-    selectedOption
-  }));
-  const defaultRenderTrigger = _ref3 => {
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      selectedOption: selectedOption
+    };
+  });
+  var defaultRenderTrigger = function defaultRenderTrigger(_ref3) {
     var _ref4, _ref5, _ref6, _selectedOption$label;
-    let {
-      onToggle,
-      triggerRef,
-      keyHandler,
-      ariaProps,
-      getTriggerProps
-    } = _ref3;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownButton, {
+    var onToggle = _ref3.onToggle,
+      triggerRef = _ref3.triggerRef,
+      keyHandler = _ref3.keyHandler,
+      ariaProps = _ref3.ariaProps,
+      getTriggerProps = _ref3.getTriggerProps;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownButton, _objectSpread(_objectSpread(_objectSpread({
       ref: triggerRef,
       buttonClass: _RichSelect.default.triggerButton,
       buttonStyle: "none",
@@ -71,17 +94,16 @@ const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       onClick: onToggle,
       onKeyDown: keyHandler,
       paddingSide0: true,
-      type: "button",
-      ...getTriggerProps(),
-      ...ariaProps,
+      type: "button"
+    }, getTriggerProps()), ariaProps), {}, {
       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)(_FormattedKintMessage.default, {
         id: "pleaseSelectOption",
         intlKey: passedIntlKey,
         intlNS: passedIntlNS
       })
-    });
+    }));
   };
-  const handleChange = e => {
+  var handleChange = function handleChange(e) {
     // Actually set the value in the form (If formInput exists)
     if (formInput !== null && formInput !== void 0 && formInput.onChange) {
       formInput.onChange(e);
@@ -92,25 +114,23 @@ const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       onChange(e, e.target.value);
     }
   };
-  const changeField = val => {
+  var changeField = function changeField(val) {
     (0, _components.nativeChangeFieldValue)(hiddenInput, false, val);
   };
-  const defaultRenderOption = opt => {
+  var defaultRenderOption = function defaultRenderOption(opt) {
     var _opt$label;
     return (_opt$label = opt.label) !== null && _opt$label !== void 0 ? _opt$label : opt.value;
   };
-  const defaultRenderMenu = _ref7 => {
-    let {
-      onToggle
-    } = _ref7;
+  var defaultRenderMenu = function defaultRenderMenu(_ref7) {
+    var onToggle = _ref7.onToggle;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
-      children: userOptions.map(opt => {
+      children: userOptions.map(function (opt) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           autoFocus: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === opt.value,
           buttonStyle: "dropdownItem",
           id: "".concat(id, "-").concat(formInput.name, "-option-").concat(opt.value),
           marginBottom0: true,
-          onClick: () => {
+          onClick: function onClick() {
             // Trigger change event
             changeField(opt.value);
 
@@ -129,40 +149,36 @@ const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       id: "".concat(id, "-label"),
       required: required,
       children: ariaLabel || label
-    }) : '', /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
+    }) : '', /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, _objectSpread({
       disabled: disabled,
       hasPadding: true,
       placement: "bottom-start",
-      renderMenu: menuProps => {
-        if (renderMenu) {
-          return renderMenu({
-            ...menuProps,
-            selectedOption,
-            changeField
-          });
+      renderMenu: function renderMenu(menuProps) {
+        if (_renderMenu) {
+          return _renderMenu(_objectSpread(_objectSpread({}, menuProps), {}, {
+            selectedOption: selectedOption,
+            changeField: changeField
+          }));
         } else {
           return defaultRenderMenu(menuProps);
         }
       },
-      renderTrigger: triggerProps => {
-        if (renderTrigger) {
-          return renderTrigger({
-            ...triggerProps,
-            selectedOption
-          });
+      renderTrigger: function renderTrigger(triggerProps) {
+        if (_renderTrigger) {
+          return _renderTrigger(_objectSpread(_objectSpread({}, triggerProps), {}, {
+            selectedOption: selectedOption
+          }));
         } else {
           return defaultRenderTrigger(triggerProps);
         }
-      },
-      ...dropdownProps
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-      ...formInput,
+      }
+    }, dropdownProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, formInput), {}, {
       ref: hiddenInput,
       hidden: true,
       onChange: handleChange,
       type: "text",
       value: internalValue
-    })]
+    }))]
   });
 });
 RichSelect.propTypes = {

package/es/lib/RichSelect/index.js

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

package/es/lib/RichSelect/useSelectedOption.js

@@ -5,9 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-const useSelectedOption = () => {
-  const [selectedOption, setSelectedOption] = (0, _react.useState)();
-  const ref = (0, _react.useCallback)(node => {
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) 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)) {
       setSelectedOption(node.selectedOption);

package/es/lib/SASQLookupComponent/SASQLookupComponent.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,125 +16,151 @@ var _utils = require("../utils");
 var _hooks = require("../hooks");
 var _TableBody = _interopRequireDefault(require("./TableBody"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["data"],
+  _excluded2 = ["filterPaneFirstMenu", "filterPaneLastMenu"],
+  _excluded3 = ["mainPaneFirstMenu", "mainPaneLastMenu"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _totalData$pages$redu, _totalData$pages;
-  const {
-    children,
-    fetchParameters = {},
-    FilterComponent = () => null,
-    FilterPaneHeaderComponent = () => null,
-    filterPaneProps = {},
-    id,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    mainPaneProps,
-    noSearchField,
-    persistedPanesetProps = {},
-    RenderBody,
-    sasqProps,
-    searchFieldAriaLabel,
-    searchFieldProps
-  } = props;
-  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  const {
-    query,
-    queryGetter,
-    querySetter
-  } = (0, _hooks.useKiwtSASQuery)();
-  const {
-    0: namespace
-  } = (0, _core.useNamespace)();
-  const ky = (0, _core.useOkapiKy)();
-  const filterPaneVisibileKey = "".concat(namespace, "-").concat(id, "-filterPaneVisibility");
-  const fetchPageData = _ref => {
-    let {
-      pageParam = 0
-    } = _ref;
-    const queryMap = fetchParameters.SASQ_MAP;
+  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,
+    _props$filterPaneProp = props.filterPaneProps,
+    filterPaneProps = _props$filterPaneProp === void 0 ? {} : _props$filterPaneProp,
+    id = props.id,
+    passedIntlKey = props.intlKey,
+    passedIntlNS = props.intlNS,
+    _props$labelOverrides = props.labelOverrides,
+    labelOverrides = _props$labelOverrides === void 0 ? {} : _props$labelOverrides,
+    mainPaneProps = props.mainPaneProps,
+    noSearchField = props.noSearchField,
+    _props$persistedPanes = props.persistedPanesetProps,
+    persistedPanesetProps = _props$persistedPanes === void 0 ? {} : _props$persistedPanes,
+    RenderBody = props.RenderBody,
+    sasqProps = props.sasqProps,
+    searchFieldAriaLabel = props.searchFieldAriaLabel,
+    searchFieldProps = props.searchFieldProps;
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  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;
     queryMap.offset = pageParam;
     return ky("".concat(fetchParameters.endpoint).concat((0, _utils.generateKiwtQuery)(queryMap, query))).json();
   };
-  const [filterPaneVisible, setFilterPaneVisible] = (0, _hooks.useLocalStorageState)(filterPaneVisibileKey, true);
-  const toggleFilterPane = () => setFilterPaneVisible(!filterPaneVisible);
-  const queryNamespace = [namespace, 'SASQ'];
+  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 queryNamespace = [namespace, 'SASQ'];
   if (id) {
     queryNamespace.push(id);
   }
   queryNamespace.push('viewAll');
   queryNamespace.push(query);
-  const {
-    data: totalData = {},
-    ...restOfInfiniteQueryProps
-  } = (0, _reactQuery.useInfiniteQuery)(queryNamespace, fetchPageData);
-  (0, _react.useImperativeHandle)(ref, () => ({
-    lookupQueryProps: {
-      data: totalData,
-      ...restOfInfiniteQueryProps
-    }
-  }));
-  const data = (_totalData$pages$redu = (_totalData$pages = totalData.pages) === null || _totalData$pages === void 0 ? void 0 : _totalData$pages.reduce((acc, curr) => {
-    var _acc$results, _curr$results;
-    const newAcc = {
-      ...acc
+  var _useInfiniteQuery = (0, _reactQuery.useInfiniteQuery)(queryNamespace, fetchPageData),
+    _useInfiniteQuery$dat = _useInfiniteQuery.data,
+    totalData = _useInfiniteQuery$dat === void 0 ? {} : _useInfiniteQuery$dat,
+    restOfInfiniteQueryProps = _objectWithoutProperties(_useInfiniteQuery, _excluded);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      lookupQueryProps: _objectSpread({
+        data: totalData
+      }, restOfInfiniteQueryProps)
     };
-    for (const [key, value] of Object.entries(curr)) {
+  });
+  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];
       if (key !== 'page' && key !== 'result' && acc[key] !== value) {
         newAcc[key] = value;
       }
     }
-    const newResults = [...((_acc$results = acc.results) !== null && _acc$results !== void 0 ? _acc$results : [])];
-    newResults.push(...((_curr$results = curr.results) !== null && _curr$results !== void 0 ? _curr$results : []));
+    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 : []));
     newAcc.results = newResults;
     return newAcc;
   }, {})) !== null && _totalData$pages$redu !== void 0 ? _totalData$pages$redu : {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.SearchAndSortQuery, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.SearchAndSortQuery, _objectSpread(_objectSpread({
     initialSearchState: {
       query: ''
     },
     queryGetter: queryGetter,
-    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 !== null && RenderBody !== void 0 ? RenderBody : _TableBody.default;
-      const {
-        filterPaneFirstMenu,
-        filterPaneLastMenu,
-        ...restOfFilterPaneProps
-      } = filterPaneProps;
-      const {
-        mainPaneFirstMenu,
-        mainPaneLastMenu,
-        ...restOfMainPaneProps
-      } = mainPaneProps;
-      const internalStateProps = {
-        activeFilters,
-        filterCount,
-        filterPaneVisible,
-        searchChanged,
-        searchValue,
-        setFilterPaneVisible,
-        toggleFilterPane
+    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;
+      var filterPaneFirstMenu = filterPaneProps.filterPaneFirstMenu,
+        filterPaneLastMenu = filterPaneProps.filterPaneLastMenu,
+        restOfFilterPaneProps = _objectWithoutProperties(filterPaneProps, _excluded2);
+      var mainPaneFirstMenu = mainPaneProps.mainPaneFirstMenu,
+        mainPaneLastMenu = mainPaneProps.mainPaneLastMenu,
+        restOfMainPaneProps = _objectWithoutProperties(mainPaneProps, _excluded3);
+      var internalStateProps = {
+        activeFilters: activeFilters,
+        filterCount: filterCount,
+        filterPaneVisible: filterPaneVisible,
+        searchChanged: searchChanged,
+        searchValue: searchValue,
+        setFilterPaneVisible: setFilterPaneVisible,
+        toggleFilterPane: toggleFilterPane
       };
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_smartComponents.PersistedPaneset, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_smartComponents.PersistedPaneset, _objectSpread(_objectSpread({
         appId: namespace,
-        id: "".concat(id, "-paneset"),
-        ...persistedPanesetProps,
-        children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
+        id: "".concat(id, "-paneset")
+      }, persistedPanesetProps), {}, {
+        children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, _objectSpread(_objectSpread({
           defaultWidth: "20%",
           firstMenu: filterPaneFirstMenu ? filterPaneFirstMenu(internalStateProps) : null,
           id: "".concat(id, "-filter-pane"),
@@ -144,17 +171,17 @@ 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-".concat(id),
                 name: "query",
-                onChange: e => {
+                onChange: function onChange(e) {
                   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
@@ -163,9 +190,8 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
                   }
                 },
                 onClear: searchHandlers.reset,
-                value: searchValue.query,
-                ...searchFieldProps
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+                value: searchValue.query
+              }, searchFieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
                 buttonStyle: "primary",
                 disabled: !searchValue.query,
                 fullWidth: true,
@@ -195,7 +221,7 @@ 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: mainPaneFirstMenu ? mainPaneFirstMenu(internalStateProps) : !filterPaneVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneMenu, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.ExpandFilterPaneButton, {
@@ -212,25 +238,21 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
             overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.foundValues
           }, {
             total: data === null || data === void 0 ? void 0 : data.total
-          }),
-          ...restOfMainPaneProps,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
+          })
+        }, restOfMainPaneProps), {}, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
             data: data,
             filterPaneVisible: filterPaneVisible,
             intlKey: passedIntlKey,
             intlNS: passedIntlNS,
             labelOverrides: labelOverrides,
             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]),