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

package/es/lib/ComboButton/ComboButton.js

@@ -1,128 +1,145 @@
 "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
 });
 exports.default = void 0;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
+var _classnames3 = _interopRequireDefault(require("classnames"));
 var _components = require("@folio/stripes/components");
 var _ResponsiveButtonGroup = _interopRequireDefault(require("../../../styles/ResponsiveButtonGroup.css"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// FIXME we should probably store the shared styles in a more aptly named file
-
+var _excluded = ["children", "dropdownButtons", "dropdownProps", "dropdownRender", "marginBottom0", "popoverProps", "triggerProps"]; // FIXME we should probably store the shared styles in a more aptly named file
 /*
  * ComboButton component, can either act as Primary/Bonus buttons in a dropdown
  * OR it can act as a popover rendered besides a button.
  * If neither are provided it will act as an ordinary button
- */const ComboButton = _ref => {
-  let {
-    children,
-    dropdownButtons = [],
-    // These MUST be buttons
-    dropdownProps = {},
-    dropdownRender,
-    marginBottom0,
-    // Will ONLY control the margin of the dropdown/main button
-    popoverProps = {},
-    triggerProps,
-    ...buttonProps
-  } = _ref;
-  const [open, setOpen] = (0, _react.useState)(false);
-  const onToggle = (0, _react.useCallback)(() => setOpen(!open), [open, setOpen]);
+ */
+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 _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 _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; }
+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; }
+var ComboButton = function ComboButton(_ref) {
+  var children = _ref.children,
+    _ref$dropdownButtons = _ref.dropdownButtons,
+    dropdownButtons = _ref$dropdownButtons === void 0 ? [] : _ref$dropdownButtons,
+    _ref$dropdownProps = _ref.dropdownProps,
+    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
+    dropdownRender = _ref.dropdownRender,
+    marginBottom0 = _ref.marginBottom0,
+    _ref$popoverProps = _ref.popoverProps,
+    popoverProps = _ref$popoverProps === void 0 ? {} : _ref$popoverProps,
+    triggerProps = _ref.triggerProps,
+    buttonProps = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var onToggle = (0, _react.useCallback)(function () {
+    return setOpen(!open);
+  }, [open, setOpen]);
 
   // FIXME a lot of this is shared with ResponsiveButtonGroup
-  const styledDropdownButtons = (0, _react.useMemo)(() => dropdownButtons === null || dropdownButtons === void 0 ? void 0 : dropdownButtons.map(button => {
-    return /*#__PURE__*/(0, _react.cloneElement)(button, {
-      buttonStyle: 'dropdownItem'
+  var styledDropdownButtons = (0, _react.useMemo)(function () {
+    return dropdownButtons === null || dropdownButtons === void 0 ? void 0 : dropdownButtons.map(function (button) {
+      return /*#__PURE__*/(0, _react.cloneElement)(button, {
+        buttonStyle: 'dropdownItem'
+      });
     });
-  }), [dropdownButtons]);
+  }, [dropdownButtons]);
 
   // eslint-disable-next-line react/prop-types
-  const renderActionMenuContent = (0, _react.useCallback)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
-    children: [...styledDropdownButtons]
-  }), [styledDropdownButtons]);
-  const renderTrigger = (0, _react.useCallback)(_ref2 => {
+  var renderActionMenuContent = (0, _react.useCallback)(function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
+      children: _toConsumableArray(styledDropdownButtons)
+    });
+  }, [styledDropdownButtons]);
+  var _renderTrigger = (0, _react.useCallback)(function (_ref2) {
     var _buttonProps$buttonSt;
-    let {
-      onToggle: toggleFunc,
-      triggerRef,
-      keyHandler,
-      open: openState,
-      ariaProps,
-      getTriggerProps
-    } = _ref2;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    var toggleFunc = _ref2.onToggle,
+      triggerRef = _ref2.triggerRef,
+      keyHandler = _ref2.keyHandler,
+      openState = _ref2.open,
+      ariaProps = _ref2.ariaProps,
+      getTriggerProps = _ref2.getTriggerProps;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       ref: triggerRef,
       "aria-label": "menu",
-      buttonClass: (0, _classnames.default)(_ResponsiveButtonGroup.default.width100, _ResponsiveButtonGroup.default.dropdownButtonClass, {
-        ["".concat(_ResponsiveButtonGroup.default.marginBottom)]: !marginBottom0
-      }, {
-        ["".concat(_ResponsiveButtonGroup.default.marginBottom0)]: marginBottom0
-      }),
+      buttonClass: (0, _classnames3.default)(_ResponsiveButtonGroup.default.width100, _ResponsiveButtonGroup.default.dropdownButtonClass, _defineProperty({}, "".concat(_ResponsiveButtonGroup.default.marginBottom), !marginBottom0), _defineProperty({}, "".concat(_ResponsiveButtonGroup.default.marginBottom0), marginBottom0)),
       buttonStyle: (_buttonProps$buttonSt = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.buttonStyle) !== null && _buttonProps$buttonSt !== void 0 ? _buttonProps$buttonSt : 'default',
       onClick: toggleFunc,
       onKeyDown: keyHandler,
-      type: "button",
-      ...getTriggerProps(),
-      ...ariaProps,
-      ...triggerProps,
+      type: "button"
+    }, getTriggerProps()), ariaProps), triggerProps), {}, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
         icon: openState ? 'triangle-up' : 'triangle-down',
         iconPosition: "end"
       })
-    });
+    }));
   }, [buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.buttonStyle, triggerProps, marginBottom0]);
-  let comboTrigger;
+  var comboTrigger;
   if (dropdownButtons.length > 0) {
-    comboTrigger = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
+    comboTrigger = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, _objectSpread({
       className: _ResponsiveButtonGroup.default.dropdownClass,
       onToggle: onToggle,
       open: open,
       renderMenu: renderActionMenuContent,
-      renderTrigger: renderTriggerProps => renderTrigger(renderTriggerProps),
-      ...dropdownProps
-    }, "combobutton-dropdown-toggle");
+      renderTrigger: function renderTrigger(renderTriggerProps) {
+        return _renderTrigger(renderTriggerProps);
+      }
+    }, dropdownProps), "combobutton-dropdown-toggle");
   } else if (dropdownRender) {
-    comboTrigger = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
+    comboTrigger = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, _objectSpread(_objectSpread({
       onToggle: onToggle,
       open: open,
-      renderTrigger: _ref3 => {
-        let {
-          open: openState,
-          ref,
-          toggle
-        } = _ref3;
-        return renderTrigger({
-          getTriggerProps: () => {},
+      renderTrigger: function renderTrigger(_ref3) {
+        var openState = _ref3.open,
+          ref = _ref3.ref,
+          toggle = _ref3.toggle;
+        return _renderTrigger({
+          getTriggerProps: function getTriggerProps() {},
           onToggle: toggle,
           open: openState,
           triggerRef: ref
         });
-      },
-      ...popoverProps,
+      }
+    }, popoverProps), {}, {
       children: dropdownRender
-    });
+    }));
   }
   if (comboTrigger) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(_ResponsiveButtonGroup.default.buttonGroup),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-        marginBottom0: marginBottom0,
-        ...buttonProps,
+      className: (0, _classnames3.default)(_ResponsiveButtonGroup.default.buttonGroup),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, _objectSpread(_objectSpread({
+        marginBottom0: marginBottom0
+      }, buttonProps), {}, {
         children: children
-      }), comboTrigger]
+      })), comboTrigger]
     });
   }
 
   // Fallback, acts as a normal button
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-    marginBottom0: marginBottom0,
-    ...buttonProps,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, _objectSpread(_objectSpread({
+    marginBottom0: marginBottom0
+  }, buttonProps), {}, {
     children: children
-  });
+  }));
 };
 ComboButton.propTypes = {
   children: _propTypes.default.node,

package/es/lib/ComboButton/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ComboButton.default;
   }
 });

package/es/lib/CustomProperties/Config/CustomPropertiesLookup.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
 });
@@ -13,56 +14,72 @@ var _hooks = require("../../hooks");
 var _CustomProperties = _interopRequireDefault(require("../../../../styles/CustomProperties.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const CustomPropertiesLookup = _ref => {
-  let {
-    contextFilterOptions,
-    // expects an array of the form [{value: "OpenAccess", label: "Open Access"}, {value: false, label: "None"}]
-    customPropertiesEndpoint: endpoint,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    mclProps,
-    onSelectCustomProperty,
-    queryParams
-  } = _ref;
-  const [nsValues, setNsValues] = (0, _react.useState)({
-    sort: 'label'
-  });
-  const [selectedContext, setSelectedContext] = (0, _react.useState)();
-  const {
-    data: custprops,
-    isLoading
-  } = (0, _hooks.useCustomProperties)({
-    endpoint,
-    nsValues,
-    queryParams,
-    returnQueryObject: true,
-    ctx: selectedContext,
-    options: {
-      sort: [{
-        path: 'ctx'
-      }, {
-        path: 'weight'
-      }]
-    }
-  });
-  const handleSearch = query => {
-    setNsValues({
-      ...nsValues,
-      query
-    });
+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 CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
+  var contextFilterOptions = _ref.contextFilterOptions,
+    endpoint = _ref.customPropertiesEndpoint,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    mclProps = _ref.mclProps,
+    onSelectCustomProperty = _ref.onSelectCustomProperty,
+    queryParams = _ref.queryParams;
+  var _useState = (0, _react.useState)({
+      sort: 'label'
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    nsValues = _useState2[0],
+    setNsValues = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedContext = _useState4[0],
+    setSelectedContext = _useState4[1];
+  var _useCustomProperties = (0, _hooks.useCustomProperties)({
+      endpoint: endpoint,
+      nsValues: nsValues,
+      queryParams: queryParams,
+      returnQueryObject: true,
+      ctx: selectedContext,
+      options: {
+        sort: [{
+          path: 'ctx'
+        }, {
+          path: 'weight'
+        }]
+      }
+    }),
+    custprops = _useCustomProperties.data,
+    isLoading = _useCustomProperties.isLoading;
+  var handleSearch = function handleSearch(query) {
+    setNsValues(_objectSpread(_objectSpread({}, nsValues), {}, {
+      query: query
+    }));
   };
-  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
-  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchTerm = _useState6[0],
+    setSearchTerm = _useState6[1];
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
       enableReinitialize: true,
       keepDirtyOnReinitialize: true,
-      onSubmit: () => handleSearch(searchTerm),
-      children: _ref2 => {
-        let {
-          handleSubmit
-        } = _ref2;
+      onSubmit: function onSubmit() {
+        return handleSearch(searchTerm);
+      },
+      children: function children(_ref2) {
+        var handleSubmit = _ref2.handleSubmit;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
           className: _CustomProperties.default.lookupSearchContainer,
           onSubmit: handleSubmit,
@@ -74,7 +91,9 @@ const CustomPropertiesLookup = _ref => {
             }),
             className: _CustomProperties.default.lookupSearch,
             marginBottom0: true,
-            onChange: e => setSearchTerm(e.target.value),
+            onChange: function onChange(e) {
+              return setSearchTerm(e.target.value);
+            },
             value: searchTerm
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
             buttonClass: _CustomProperties.default.lookupSearchButton,
@@ -97,13 +116,13 @@ const CustomPropertiesLookup = _ref => {
             id: 'customProperties.ctx',
             overrideValue: labelOverrides.ctx
           }),
-          onChange: e => {
+          onChange: function onChange(e) {
             setSelectedContext(e.target.value);
           },
           value: selectedContext
         })
       })
-    }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, {
+    }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, _objectSpread({
       columnMapping: {
         'label': kintIntl.formatKintMessage({
           id: 'customProperties.label',
@@ -132,7 +151,7 @@ const CustomPropertiesLookup = _ref => {
       },
       contentData: custprops,
       formatter: {
-        primary: data => {
+        primary: function primary(data) {
           if (data !== null && data !== void 0 && data.primary) {
             return kintIntl.formatKintMessage({
               id: 'yes',
@@ -145,19 +164,20 @@ const CustomPropertiesLookup = _ref => {
             });
           }
         },
-        type: data => kintIntl.formatKintMessage({
-          id: "customProperties.type.".concat(data === null || data === void 0 ? void 0 : data.type),
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[data === null || data === void 0 ? void 0 : data.type]
-        }),
-        category: data => {
+        type: function type(data) {
+          return kintIntl.formatKintMessage({
+            id: "customProperties.type.".concat(data === null || data === void 0 ? void 0 : data.type),
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[data === null || data === void 0 ? void 0 : data.type]
+          });
+        },
+        category: function category(data) {
           var _data$category;
-          return data === null || data === void 0 ? void 0 : (_data$category = data.category) === null || _data$category === void 0 ? void 0 : _data$category.desc;
+          return data === null || data === void 0 || (_data$category = data.category) === null || _data$category === void 0 ? void 0 : _data$category.desc;
         }
       },
       onRowClick: onSelectCustomProperty,
-      visibleColumns: ['label', 'primary', 'ctx', 'weight', 'type', 'category'],
-      ...mclProps
-    })]
+      visibleColumns: ['label', 'primary', 'ctx', 'weight', 'type', 'category']
+    }, mclProps))]
   });
 };
 CustomPropertiesLookup.propTypes = {

package/es/lib/CustomProperties/Config/CustomPropertiesLookup.test.js

@@ -7,12 +7,16 @@ var _renderWithKintHarness = _interopRequireDefault(require("../../../../test/je
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 jest.mock('../../hooks');
-jest.mock('../../SearchField', () => () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-  children: "SearchField"
-}));
-describe('CustomPropertiesLookup', () => {
-  let renderComponent;
-  beforeEach(() => {
+jest.mock('../../SearchField', function () {
+  return function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "SearchField"
+    });
+  };
+});
+describe('CustomPropertiesLookup', function () {
+  var renderComponent;
+  beforeEach(function () {
     renderComponent = (0, _renderWithKintHarness.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesLookup.default, {
         contextFilterOptions: [{
@@ -23,22 +27,22 @@ describe('CustomPropertiesLookup', () => {
           'label': 'None'
         }],
         customPropertiesEndpoint: "erm/custprops",
-        onSelectCustomProperty: () => ({}),
+        onSelectCustomProperty: function onSelectCustomProperty() {
+          return {};
+        },
         visibleColumns: ['label', 'primary', 'ctx', 'weight', 'type', 'category']
       })
     }));
   });
-  it('renders expected options', () => {
-    const {
-      getByText
-    } = renderComponent;
+  it('renders expected options', function () {
+    var _renderComponent = renderComponent,
+      getByText = _renderComponent.getByText;
     expect(getByText('All')).toBeInTheDocument();
     expect(getByText('None')).toBeInTheDocument();
   });
-  it('renders SearchField component ', () => {
-    const {
-      getByText
-    } = renderComponent;
+  it('renders SearchField component ', function () {
+    var _renderComponent2 = renderComponent,
+      getByText = _renderComponent2.getByText;
     expect(getByText('SearchField')).toBeInTheDocument();
   });
 });