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

package/es/lib/ActionList/index.js

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

package/es/lib/ComboButton/ComboButton.js

@@ -1,145 +1,128 @@
 "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 _classnames3 = _interopRequireDefault(require("classnames"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@folio/stripes/components");
 var _ResponsiveButtonGroup = _interopRequireDefault(require("../../../styles/ResponsiveButtonGroup.css"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "dropdownButtons", "dropdownProps", "dropdownRender", "marginBottom0", "popoverProps", "triggerProps"]; // FIXME we should probably store the shared styles in a more aptly named file
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// 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
- */
-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]);
+ */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]);
 
   // FIXME a lot of this is shared with ResponsiveButtonGroup
-  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'
-      });
+  const styledDropdownButtons = (0, _react.useMemo)(() => dropdownButtons === null || dropdownButtons === void 0 ? void 0 : dropdownButtons.map(button => {
+    return /*#__PURE__*/(0, _react.cloneElement)(button, {
+      buttonStyle: 'dropdownItem'
     });
-  }, [dropdownButtons]);
+  }), [dropdownButtons]);
 
   // eslint-disable-next-line react/prop-types
-  var renderActionMenuContent = (0, _react.useCallback)(function () {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
-      children: _toConsumableArray(styledDropdownButtons)
-    });
-  }, [styledDropdownButtons]);
-  var _renderTrigger = (0, _react.useCallback)(function (_ref2) {
+  const renderActionMenuContent = (0, _react.useCallback)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
+    children: [...styledDropdownButtons]
+  }), [styledDropdownButtons]);
+  const renderTrigger = (0, _react.useCallback)(_ref2 => {
     var _buttonProps$buttonSt;
-    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({
+    let {
+      onToggle: toggleFunc,
+      triggerRef,
+      keyHandler,
+      open: openState,
+      ariaProps,
+      getTriggerProps
+    } = _ref2;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       ref: triggerRef,
       "aria-label": "menu",
-      buttonClass: (0, _classnames3.default)(_ResponsiveButtonGroup.default.width100, _ResponsiveButtonGroup.default.dropdownButtonClass, _defineProperty({}, "".concat(_ResponsiveButtonGroup.default.marginBottom), !marginBottom0), _defineProperty({}, "".concat(_ResponsiveButtonGroup.default.marginBottom0), marginBottom0)),
+      buttonClass: (0, _classnames.default)(_ResponsiveButtonGroup.default.width100, _ResponsiveButtonGroup.default.dropdownButtonClass, {
+        ["".concat(_ResponsiveButtonGroup.default.marginBottom)]: !marginBottom0
+      }, {
+        ["".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]);
-  var comboTrigger;
+  let comboTrigger;
   if (dropdownButtons.length > 0) {
-    comboTrigger = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, _objectSpread({
+    comboTrigger = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
       className: _ResponsiveButtonGroup.default.dropdownClass,
       onToggle: onToggle,
       open: open,
       renderMenu: renderActionMenuContent,
-      renderTrigger: function renderTrigger(renderTriggerProps) {
-        return _renderTrigger(renderTriggerProps);
-      }
-    }, dropdownProps), "combobutton-dropdown-toggle");
+      renderTrigger: renderTriggerProps => renderTrigger(renderTriggerProps),
+      ...dropdownProps
+    }, "combobutton-dropdown-toggle");
   } else if (dropdownRender) {
-    comboTrigger = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, _objectSpread(_objectSpread({
+    comboTrigger = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
       onToggle: onToggle,
       open: open,
-      renderTrigger: function renderTrigger(_ref3) {
-        var openState = _ref3.open,
-          ref = _ref3.ref,
-          toggle = _ref3.toggle;
-        return _renderTrigger({
-          getTriggerProps: function getTriggerProps() {},
+      renderTrigger: _ref3 => {
+        let {
+          open: openState,
+          ref,
+          toggle
+        } = _ref3;
+        return renderTrigger({
+          getTriggerProps: () => {},
           onToggle: toggle,
           open: openState,
           triggerRef: ref
         });
-      }
-    }, popoverProps), {}, {
+      },
+      ...popoverProps,
       children: dropdownRender
-    }));
+    });
   }
   if (comboTrigger) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames3.default)(_ResponsiveButtonGroup.default.buttonGroup),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, _objectSpread(_objectSpread({
-        marginBottom0: marginBottom0
-      }, buttonProps), {}, {
+      className: (0, _classnames.default)(_ResponsiveButtonGroup.default.buttonGroup),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        marginBottom0: marginBottom0,
+        ...buttonProps,
         children: children
-      })), comboTrigger]
+      }), comboTrigger]
     });
   }
 
   // Fallback, acts as a normal button
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, _objectSpread(_objectSpread({
-    marginBottom0: marginBottom0
-  }, buttonProps), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    marginBottom0: marginBottom0,
+    ...buttonProps,
     children: children
-  }));
+  });
 };
 ComboButton.propTypes = {
   children: _propTypes.default.node,
@@ -151,5 +134,4 @@ ComboButton.propTypes = {
   popoverProps: _propTypes.default.object,
   triggerProps: _propTypes.default.object
 };
-var _default = ComboButton;
-exports.default = _default;
+var _default = exports.default = ComboButton;

package/es/lib/ComboButton/index.js

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

package/es/lib/CustomProperties/Config/CustomPropertiesLookup.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
 });
@@ -14,72 +13,56 @@ 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 }; }
-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 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
+    });
   };
-  var _useState5 = (0, _react.useState)(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    searchTerm = _useState6[0],
-    setSearchTerm = _useState6[1];
-  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
+  const 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: function onSubmit() {
-        return handleSearch(searchTerm);
-      },
-      children: function children(_ref2) {
-        var handleSubmit = _ref2.handleSubmit;
+      onSubmit: () => handleSearch(searchTerm),
+      children: _ref2 => {
+        let {
+          handleSubmit
+        } = _ref2;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
           className: _CustomProperties.default.lookupSearchContainer,
           onSubmit: handleSubmit,
@@ -91,9 +74,7 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
             }),
             className: _CustomProperties.default.lookupSearch,
             marginBottom0: true,
-            onChange: function onChange(e) {
-              return setSearchTerm(e.target.value);
-            },
+            onChange: e => setSearchTerm(e.target.value),
             value: searchTerm
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
             buttonClass: _CustomProperties.default.lookupSearchButton,
@@ -116,13 +97,13 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
             id: 'customProperties.ctx',
             overrideValue: labelOverrides.ctx
           }),
-          onChange: function onChange(e) {
+          onChange: e => {
             setSelectedContext(e.target.value);
           },
           value: selectedContext
         })
       })
-    }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, _objectSpread({
+    }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, {
       columnMapping: {
         'label': kintIntl.formatKintMessage({
           id: 'customProperties.label',
@@ -151,7 +132,7 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
       },
       contentData: custprops,
       formatter: {
-        primary: function primary(data) {
+        primary: data => {
           if (data !== null && data !== void 0 && data.primary) {
             return kintIntl.formatKintMessage({
               id: 'yes',
@@ -164,20 +145,19 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
             });
           }
         },
-        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) {
+        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 => {
           var _data$category;
           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 = {
@@ -194,5 +174,4 @@ CustomPropertiesLookup.propTypes = {
   queryParams: _propTypes.default.object,
   refdataEndpoint: _propTypes.default.string
 };
-var _default = CustomPropertiesLookup;
-exports.default = _default;
+var _default = exports.default = CustomPropertiesLookup;

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

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