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

package/es/lib/RichSelect/RichSelect.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -12,56 +11,34 @@ 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 }; }
-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) {
+const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_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,
-    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;
-    });
+  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);
   }, [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)((_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)(() => {
     // 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));
@@ -73,19 +50,19 @@ var RichSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_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, function () {
-    return {
-      selectedOption: selectedOption
-    };
-  });
-  var defaultRenderTrigger = function defaultRenderTrigger(_ref3) {
+  (0, _react.useImperativeHandle)(ref, () => ({
+    selectedOption
+  }));
+  const defaultRenderTrigger = _ref3 => {
     var _ref4, _ref5, _ref6, _selectedOption$label;
-    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({
+    let {
+      onToggle,
+      triggerRef,
+      keyHandler,
+      ariaProps,
+      getTriggerProps
+    } = _ref3;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownButton, {
       ref: triggerRef,
       buttonClass: _RichSelect.default.triggerButton,
       buttonStyle: "none",
@@ -94,16 +71,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: (_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
       })
-    }));
+    });
   };
-  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) {
       formInput.onChange(e);
@@ -114,23 +92,25 @@ 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) {
+  const 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 defaultRenderMenu = _ref7 => {
+    let {
+      onToggle
+    } = _ref7;
     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,
           buttonStyle: "dropdownItem",
           id: "".concat(id, "-").concat(formInput.name, "-option-").concat(opt.value),
           marginBottom0: true,
-          onClick: function onClick() {
+          onClick: () => {
             // Trigger change event
             changeField(opt.value);
 
@@ -149,36 +129,40 @@ var RichSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       id: "".concat(id, "-label"),
       required: required,
       children: ariaLabel || label
-    }) : '', /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, _objectSpread({
+    }) : '', /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
       disabled: disabled,
       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 = {
@@ -203,5 +187,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,18 +5,9 @@ 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 = 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) {
+const useSelectedOption = () => {
+  const [selectedOption, setSelectedOption] = (0, _react.useState)();
+  const ref = (0, _react.useCallback)(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);
@@ -24,5 +15,4 @@ var useSelectedOption = function useSelectedOption() {
   }, [selectedOption]);
   return [ref, selectedOption];
 };
-var _default = useSelectedOption;
-exports.default = _default;
+var _default = exports.default = useSelectedOption;

package/es/lib/SASQLookupComponent/SASQLookupComponent.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -16,151 +15,125 @@ 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 }; }
-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) {
+const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   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,
-    _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;
+  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;
     queryMap.offset = pageParam;
     return ky("".concat(fetchParameters.endpoint).concat((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 queryNamespace = [namespace, 'SASQ'];
+  const [filterPaneVisible, setFilterPaneVisible] = (0, _hooks.useLocalStorageState)(filterPaneVisibileKey, true);
+  const toggleFilterPane = () => setFilterPaneVisible(!filterPaneVisible);
+  const queryNamespace = [namespace, 'SASQ'];
   if (id) {
     queryNamespace.push(id);
   }
   queryNamespace.push('viewAll');
   queryNamespace.push(query);
-  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)
-    };
-  });
-  var data = (_totalData$pages$redu = (_totalData$pages = totalData.pages) === null || _totalData$pages === void 0 ? void 0 : _totalData$pages.reduce(function (acc, curr) {
+  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;
-    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 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 = acc.results) !== null && _acc$results !== void 0 ? _acc$results : [])];
+    newResults.push(...((_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, _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;
-      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
+    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
       };
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_smartComponents.PersistedPaneset, _objectSpread(_objectSpread({
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_smartComponents.PersistedPaneset, {
         appId: namespace,
-        id: "".concat(id, "-paneset")
-      }, persistedPanesetProps), {}, {
-        children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, _objectSpread(_objectSpread({
+        id: "".concat(id, "-paneset"),
+        ...persistedPanesetProps,
+        children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
           defaultWidth: "20%",
           firstMenu: filterPaneFirstMenu ? filterPaneFirstMenu(internalStateProps) : null,
           id: "".concat(id, "-filter-pane"),
@@ -171,17 +144,17 @@ var SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
           }),
           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, _objectSpread({
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchField, {
                 ariaLabel: searchFieldAriaLabel,
                 autoFocus: true,
                 id: "sasq-search-field-".concat(id),
                 name: "query",
-                onChange: function onChange(e) {
+                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
@@ -190,8 +163,9 @@ var SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
                   }
                 },
                 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,
@@ -221,7 +195,7 @@ var SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
               searchValue: searchValue
             })]
           })
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, _objectSpread(_objectSpread({
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
           defaultWidth: "fill",
           firstMenu: mainPaneFirstMenu ? mainPaneFirstMenu(internalStateProps) : !filterPaneVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneMenu, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.ExpandFilterPaneButton, {
@@ -238,21 +212,25 @@ var SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
             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, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+          }),
+          ...restOfMainPaneProps,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
             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]),
@@ -279,5 +257,4 @@ SASQLookupComponent.propTypes = {
   searchFieldAriaLabel: _propTypes.default.string,
   searchFieldProps: _propTypes.default.object
 };
-var _default = SASQLookupComponent;
-exports.default = _default;
+var _default = exports.default = SASQLookupComponent;