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

package/es/lib/hooks/index.js

@@ -5,115 +5,115 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useActiveElement", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useActiveElement.default;
   }
 });
 Object.defineProperty(exports, "useCustomProperties", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useCustomProperties.default;
   }
 });
 Object.defineProperty(exports, "useHelperApp", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useHelperApp.default;
   }
 });
 Object.defineProperty(exports, "useIntlKey", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useIntlKey.default;
   }
 });
 Object.defineProperty(exports, "useIntlKeyStore", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useIntlKeyStore.default;
   }
 });
 Object.defineProperty(exports, "useInvalidateRefdata", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useInvalidateRefdata.default;
   }
 });
 Object.defineProperty(exports, "useKintIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useKintIntl.default;
   }
 });
 Object.defineProperty(exports, "useKiwtFieldArray", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useKiwtFieldArray.default;
   }
 });
 Object.defineProperty(exports, "useKiwtSASQuery", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useKiwtSASQuery.default;
   }
 });
 Object.defineProperty(exports, "useLocalStorageState", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useLocalStorageState.default;
   }
 });
 Object.defineProperty(exports, "useModConfigEntries", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useModConfigEntries.default;
   }
 });
 Object.defineProperty(exports, "useMutateCustomProperties", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useMutateCustomProperties.default;
   }
 });
 Object.defineProperty(exports, "useMutateModConfigEntry", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useMutateModConfigEntry.default;
   }
 });
 Object.defineProperty(exports, "useMutateRefdataCategory", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useMutateRefdataCategory.default;
   }
 });
 Object.defineProperty(exports, "useMutateRefdataValue", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useMutateRefdataValue.default;
   }
 });
 Object.defineProperty(exports, "useQIndex", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useQIndex.default;
   }
 });
 Object.defineProperty(exports, "useRefdata", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useRefdata.default;
   }
 });
 Object.defineProperty(exports, "useSASQQueryMeta", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useSASQQueryMeta.default;
   }
 });
 Object.defineProperty(exports, "useTemplates", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useTemplates.default;
   }
 });

package/es/lib/hooks/typedownHooks/index.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useTypedown", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useTypedown.default;
   }
 });
 Object.defineProperty(exports, "useTypedownData", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useTypedownData.default;
   }
 });
 Object.defineProperty(exports, "useTypedownToggle", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useTypedownToggle.default;
   }
 });

package/es/lib/hooks/typedownHooks/useTypedown.js

@@ -9,28 +9,28 @@ var _reactResizeDetector = require("react-resize-detector");
 var _components = require("@folio/stripes/components");
 var _eventCodes = require("../../constants/eventCodes");
 var _selectorSafe = _interopRequireDefault(require("../../utils/selectorSafe"));
-var _useTypedownToggle2 = _interopRequireDefault(require("./useTypedownToggle"));
+var _useTypedownToggle = _interopRequireDefault(require("./useTypedownToggle"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var useTypedown = function useTypedown(name) {
+const useTypedown = name => {
   // SEARCHFIELD COMPONENT
-  var searchFieldComponent = document.getElementById("typedown-searchField-".concat((0, _selectorSafe.default)(name)));
+  const searchFieldComponent = document.getElementById("typedown-searchField-".concat((0, _selectorSafe.default)(name)));
 
   // SET UP REFS
-  var listRef = (0, _react.useRef)();
-  var triggerRef = (0, _react.useRef)();
-  var overlayRef = (0, _react.useRef)();
-  var footerRef = (0, _react.useRef)();
-  var footer = document.getElementById("typedown-footer-".concat((0, _selectorSafe.default)(name)));
+  const listRef = (0, _react.useRef)();
+  const triggerRef = (0, _react.useRef)();
+  const overlayRef = (0, _react.useRef)();
+  const footerRef = (0, _react.useRef)();
+  const footer = document.getElementById("typedown-footer-".concat((0, _selectorSafe.default)(name)));
   // Add an event listener to the footer, so that we can control tab behaviour between footer elements
 
   if (footer && footer.getAttribute('hasListener') !== 'true') {
-    footer.addEventListener('keydown', function (e) {
+    footer.addEventListener('keydown', e => {
       // We want special behaviour on tab
       if (e.code === _eventCodes.TAB) {
         // Prevent the default behaviour
         e.preventDefault();
-        var focusFunc = e.shiftKey ? _components.getPreviousFocusable : _components.getNextFocusable;
-        var elem = focusFunc(footerRef.current, true, true, false, true);
+        const focusFunc = e.shiftKey ? _components.getPreviousFocusable : _components.getNextFocusable;
+        const elem = focusFunc(footerRef.current, true, true, false, true);
         if (elem) {
           // Focus on next focusable element
           elem.focus();
@@ -47,17 +47,17 @@ var useTypedown = function useTypedown(name) {
   }
 
   // SET UP HANDLERS
-  var searchFieldKeyDownHandler = function searchFieldKeyDownHandler(e) {
+  const searchFieldKeyDownHandler = e => {
     if (e.code === _eventCodes.UP_ARROW) {
-      var elem = (0, _components.getLastFocusable)(listRef.current, true, true);
+      const elem = (0, _components.getLastFocusable)(listRef.current, true, true);
       if (elem) {
         elem.focus();
       }
     }
     if (e.code === _eventCodes.DOWN_ARROW) {
-      var _elem = (0, _components.getFirstFocusable)(listRef.current, true, true);
-      if (_elem) {
-        _elem.focus();
+      const elem = (0, _components.getFirstFocusable)(listRef.current, true, true);
+      if (elem) {
+        elem.focus();
       }
     }
 
@@ -65,70 +65,69 @@ var useTypedown = function useTypedown(name) {
     if (e.code === _eventCodes.TAB && !e.shiftKey) {
       e.preventDefault();
       // If we have focusable elements in the footer, then focus on them, else unfocus searchbar
-      var _elem2 = (0, _components.getNextFocusable)(footerRef.current, true, true, true, true);
-      if (_elem2) {
-        _elem2.focus();
+      const elem = (0, _components.getNextFocusable)(footerRef.current, true, true, true, true);
+      if (elem) {
+        elem.focus();
       } else {
         (0, _components.getNextFocusable)(searchFieldComponent, false).focus();
       }
     }
   };
-  var listKeyDownHandler = function listKeyDownHandler(e) {
+  const listKeyDownHandler = e => {
     if (e.code === _eventCodes.DOWN_ARROW) {
-      var elem = (0, _components.getNextFocusable)(listRef.current, true, true);
+      const elem = (0, _components.getNextFocusable)(listRef.current, true, true);
       elem.focus();
     }
     if (e.code === _eventCodes.UP_ARROW) {
-      var _elem3 = (0, _components.getPreviousFocusable)(listRef.current, true, true);
-      _elem3.focus();
+      const elem = (0, _components.getPreviousFocusable)(listRef.current, true, true);
+      elem.focus();
     }
     if (e.code === _eventCodes.TAB) {
       e.preventDefault();
-      var _elem4;
+      let elem;
       if (!e.shiftKey && !footerRef.current) {
-        _elem4 = (0, _components.getNextFocusable)(searchFieldComponent, false);
+        elem = (0, _components.getNextFocusable)(searchFieldComponent, false);
       } else if (!e.shiftKey) {
-        _elem4 = (0, _components.getNextFocusable)(footerRef.current, true, true, true, true);
+        elem = (0, _components.getNextFocusable)(footerRef.current, true, true, true, true);
       } else {
-        _elem4 = searchFieldComponent;
+        elem = searchFieldComponent;
       }
-      _elem4.focus();
+      elem.focus();
     }
   };
-  var handleNextFocus = function handleNextFocus() {
-    return (0, _components.getNextFocusable)(searchFieldComponent, false).focus();
-  };
+  const handleNextFocus = () => (0, _components.getNextFocusable)(searchFieldComponent, false).focus();
 
   // SET UP VARIABLES
-  var _useTypedownToggle = (0, _useTypedownToggle2.default)(name),
-    open = _useTypedownToggle.open;
+  const {
+    open
+  } = (0, _useTypedownToggle.default)(name);
 
   // RESIZE STUFF
-  var _useResizeDetector = (0, _reactResizeDetector.useResizeDetector)(),
-    searchWidth = _useResizeDetector.width,
-    resizeRef = _useResizeDetector.ref;
+  const {
+    width: searchWidth,
+    ref: resizeRef
+  } = (0, _reactResizeDetector.useResizeDetector)();
 
   // OVERLAY PORTAL
-  var portal = document.getElementById('OverlayContainer');
+  const portal = document.getElementById('OverlayContainer');
   return {
     refs: {
-      listRef: listRef,
-      triggerRef: triggerRef,
-      overlayRef: overlayRef,
-      footerRef: footerRef
+      listRef,
+      triggerRef,
+      overlayRef,
+      footerRef
     },
     handlers: {
-      handleNextFocus: handleNextFocus,
-      listKeyDownHandler: listKeyDownHandler,
-      searchFieldKeyDownHandler: searchFieldKeyDownHandler
+      handleNextFocus,
+      listKeyDownHandler,
+      searchFieldKeyDownHandler
     },
     variables: {
-      open: open,
-      portal: portal,
-      resizeRef: resizeRef,
-      searchWidth: searchWidth
+      open,
+      portal,
+      resizeRef,
+      searchWidth
     }
   };
 };
-var _default = useTypedown;
-exports.default = _default;
+var _default = exports.default = useTypedown;

package/es/lib/hooks/typedownHooks/useTypedownData.js

@@ -8,37 +8,26 @@ var _react = require("react");
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _utils = require("../../utils");
-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 useTypedownData = function useTypedownData(path, callPath) {
-  var ky = (0, _core.useOkapiKy)();
-  var queryKey = (0, _utils.typedownQueryKey)(path);
+const useTypedownData = (path, callPath) => {
+  const ky = (0, _core.useOkapiKy)();
+  const queryKey = (0, _utils.typedownQueryKey)(path);
   if (callPath) {
     queryKey.push(callPath);
   }
-  var _useQuery = (0, _reactQuery.useQuery)(
-    // Ensure when multiple apps are using this function that each one gets memoized individually
-    queryKey, function () {
-      return ky(callPath).json();
-    }),
-    data = _useQuery.data,
-    isLoading = _useQuery.isLoading;
+  const {
+    data,
+    isLoading
+  } = (0, _reactQuery.useQuery)(
+  // Ensure when multiple apps are using this function that each one gets memoized individually
+  queryKey, () => ky(callPath).json());
 
   // Smooth out transitions while data changes by only displaying once call has been loaded.
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    contentData = _useState2[0],
-    setContentData = _useState2[1];
-  (0, _react.useEffect)(function () {
+  const [contentData, setContentData] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
     if (!isLoading) {
       setContentData(data);
     }
   }, [data, isLoading]);
   return contentData;
 };
-var _default = useTypedownData;
-exports.default = _default;
+var _default = exports.default = useTypedownData;

package/es/lib/hooks/typedownHooks/useTypedownToggle.js

@@ -5,38 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _useActiveElement2 = _interopRequireDefault(require("../useActiveElement"));
+var _useActiveElement = _interopRequireDefault(require("../useActiveElement"));
 var _selectorSafe = _interopRequireDefault(require("../../utils/selectorSafe"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 = 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 useTypedownToggle = function useTypedownToggle(name) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var onToggle = (0, _react.useCallback)(function () {
+const useTypedownToggle = name => {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const onToggle = (0, _react.useCallback)(() => {
     setOpen(!open);
   }, [open, setOpen]);
-  var _useActiveElement = (0, _useActiveElement2.default)(),
-    hasParent = _useActiveElement.hasParent;
+  const {
+    hasParent
+  } = (0, _useActiveElement.default)();
 
   // Trawl up element stack and check if a typedown-parent exists, use that to toggle
-  var openBool = !open && hasParent("typedown-parent-".concat((0, _selectorSafe.default)(name)));
-  var closeBool = open && !hasParent("typedown-parent-".concat((0, _selectorSafe.default)(name)));
-  (0, _react.useEffect)(function () {
+  const openBool = !open && hasParent("typedown-parent-".concat((0, _selectorSafe.default)(name)));
+  const closeBool = open && !hasParent("typedown-parent-".concat((0, _selectorSafe.default)(name)));
+  (0, _react.useEffect)(() => {
     if (openBool || closeBool) {
       onToggle();
     }
   }, [closeBool, onToggle, openBool]);
   return {
-    open: open,
-    onToggle: onToggle
+    open,
+    onToggle
   };
 };
-var _default = useTypedownToggle;
-exports.default = _default;
+var _default = exports.default = useTypedownToggle;

package/es/lib/hooks/useActiveElement.js

@@ -5,33 +5,23 @@ 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 useActiveElement = function useActiveElement() {
-  var _useState = (0, _react.useState)(document.activeElement),
-    _useState2 = _slicedToArray(_useState, 2),
-    active = _useState2[0],
-    setActive = _useState2[1];
-  var handleFocusIn = function handleFocusIn() {
+const useActiveElement = () => {
+  const [active, setActive] = (0, _react.useState)(document.activeElement);
+  const handleFocusIn = () => {
     setActive(document.activeElement);
   };
-  var hasParent = function hasParent(id) {
+  const hasParent = id => {
     return active.closest("[id^=".concat(id, "]")) !== null;
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     document.addEventListener('focusin', handleFocusIn);
-    return function () {
+    return () => {
       document.removeEventListener('focusin', handleFocusIn);
     };
   }, []);
   return {
-    active: active,
-    hasParent: hasParent
+    active,
+    hasParent
   };
 };
-var _default = useActiveElement;
-exports.default = _default;
+var _default = exports.default = useActiveElement;

package/es/lib/hooks/useCustomProperties.js

@@ -9,26 +9,19 @@ var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _utils = require("../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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); }
-var useCustomProperties = function useCustomProperties(_ref) {
-  var endpoint = _ref.endpoint,
-    ctx = _ref.ctx,
-    _ref$nsValues = _ref.nsValues,
-    nsValues = _ref$nsValues === void 0 ? {
+const useCustomProperties = _ref => {
+  let {
+    endpoint,
+    ctx,
+    nsValues = {
       sort: 'id'
-    } : _ref$nsValues,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? {} : _ref$options,
-    queryParams = _ref.queryParams,
-    _ref$returnQueryObjec = _ref.returnQueryObject,
-    returnQueryObject = _ref$returnQueryObjec === void 0 ? false : _ref$returnQueryObjec;
-  var ky = (0, _core.useOkapiKy)();
-  var custPropOptions = _objectSpread({
+    },
+    options = {},
+    queryParams,
+    returnQueryObject = false
+  } = _ref;
+  const ky = (0, _core.useOkapiKy)();
+  const custPropOptions = {
     searchKey: 'label,name,description',
     filterKeys: {
       ContextKey: 'ctx'
@@ -40,16 +33,15 @@ var useCustomProperties = function useCustomProperties(_ref) {
     }],
     filters: [],
     stats: false,
-    max: 100
-  }, options);
+    max: 100,
+    ...options
+  };
   if (Array.isArray(ctx)) {
     // If we have an array, append a context filter for each ctx given
 
     // Special case if one is isNull
     custPropOptions.filters.push({
-      values: ctx.map(function (c) {
-        return c === 'isNull' ? 'ctx isNull' : "ctx==".concat(c);
-      })
+      values: ctx.map(c => c === 'isNull' ? 'ctx isNull' : "ctx==".concat(c))
     });
   } else if (ctx === 'isNull') {
     // isNull is a special case
@@ -62,15 +54,15 @@ var useCustomProperties = function useCustomProperties(_ref) {
       value: ctx
     });
   }
-  var query = (0, _utils.generateKiwtQuery)(custPropOptions, nsValues);
-  var path = "".concat(endpoint).concat(query);
-  var queryObject = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useCustomProperties', 'custprops', ctx, path], function () {
-    return ky(path).json();
-  }, queryParams);
+  const query = (0, _utils.generateKiwtQuery)(custPropOptions, nsValues);
+  const path = "".concat(endpoint).concat(query);
+  const queryObject = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useCustomProperties', 'custprops', ctx, path], () => ky(path).json(), queryParams);
   if (returnQueryObject) {
     return queryObject || {};
   }
-  var custprops = queryObject.data;
+  const {
+    data: custprops
+  } = queryObject;
   return custprops || [];
 };
 useCustomProperties.propTypes = {
@@ -79,5 +71,4 @@ useCustomProperties.propTypes = {
   queryParams: _propTypes.default.object,
   returnQueryObject: _propTypes.default.bool
 };
-var _default = useCustomProperties;
-exports.default = _default;
+var _default = exports.default = useCustomProperties;