@k-int/stripes-kint-components 2.5.1 → 2.6.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
-## 2.5.1 2022-05-19
+## 2.6.2 2022-06-21
+  * Fixed more missing translations issues
+
+## 2.6.1 2022-06-21
+  * Fixed missing translation issue
+
+## 2.6.0 2022-06-20
   * UIOA-118 App does not function when code-splitting is enabled - no longer set history when url has not changed
+  * ERM-2137 Support multi-select refdata properties in Agreement/Licenses settings
+  * ERM-2173 UX tweaks to custom property configuration and views
+  * Added ConfirmationModal and error callout for deletion of refdata to EditableRefDataList
+  * useAppSettings hook for easy fetching of an AppSetting
+  * ActionList
+    * New ActionList fields are now added to the start of the list
+    * Buttons within the ActionList can now be passed specfic aria-labels
+  * Query handling.
+    * useMutateCustomProperties, useMutateRefdataValues, CustomPropertiesSettings and EditableRefdataList now all accept both `afterQueryCalls` and `catchQueryCalls` to allow implementors to trigger specific handling after queries/when queries throw.
+    * The default implementation in both components above is now a standard deletion failure message: `"<strong>Error: {label}</strong> was not deleted. {error}"`. This can alternatively be overriden with a `labelOverrides` prop: `{ deleteError: (error, object) => { ... output a callout message } }`
+  * Some peer deps changed to dev-deps
+  * ERM-2144 Support multi-select refdata properties in License term filter builder
 
 ## 2.5.0 2022-05-19
   * Added FilterConfig support to generateKiwtQueryParams

package/es/artifacts/coverage-jest/lcov-report/block-navigation.js

@@ -1,14 +1,5 @@
 "use strict";
 
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
 /* eslint-disable */
 var jumpToCode = function init() {
   // Classes of code we would like to highlight in the file view
@@ -88,22 +79,4 @@ var jumpToCode = function init() {
   };
 }();
 
-window.addEventListener('keydown', jumpToCode);
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(jumpToCode, "jumpToCode", "/home/ethan/FolioModules/stripes-kint-components/src/artifacts/coverage-jest/lcov-report/block-navigation.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+window.addEventListener('keydown', jumpToCode);

package/es/artifacts/coverage-jest/lcov-report/prettify.js

@@ -1,9 +1,5 @@
 "use strict";
 
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
 /* eslint-disable */
 window.PR_SHOULD_USE_CONTINUATION = true;
 

package/es/artifacts/coverage-jest/lcov-report/sorter.js

@@ -1,14 +1,5 @@
 "use strict";
 
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
 /* eslint-disable */
 var addSorting = function () {
   'use strict';
@@ -217,22 +208,4 @@ var addSorting = function () {
   };
 }();
 
-window.addEventListener('load', addSorting);
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(addSorting, "addSorting", "/home/ethan/FolioModules/stripes-kint-components/src/artifacts/coverage-jest/lcov-report/sorter.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+window.addEventListener('load', addSorting);

package/es/index.js

@@ -282,6 +282,12 @@ Object.defineProperty(exports, "useActiveElement", {
     return _hooks.useActiveElement;
   }
 });
+Object.defineProperty(exports, "useAppSettings", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useAppSettings;
+  }
+});
 Object.defineProperty(exports, "useAvailableCustomProperties", {
   enumerable: true,
   get: function get() {
@@ -415,8 +421,4 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/es/lib/ActionList/ActionList.js

@@ -29,11 +29,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
 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; }
@@ -44,10 +39,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
 var propTypes = {
   actionAssigner: _propTypes.default.func,
   actionCalls: _propTypes.default.object,
@@ -124,25 +115,4 @@ var ActionList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
 });
 ActionList.propTypes = propTypes;
 var _default = ActionList;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(propTypes, "propTypes", "/home/ethan/FolioModules/stripes-kint-components/src/lib/ActionList/ActionList.js");
-  reactHotLoader.register(ActionList, "ActionList", "/home/ethan/FolioModules/stripes-kint-components/src/lib/ActionList/ActionList.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/ActionList/ActionList.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+exports.default = _default;

package/es/lib/ActionList/ActionListFieldArray.js

@@ -35,11 +35,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
 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."); }
@@ -70,10 +65,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
 var EDITING_ACTIONS_WIDTH = 25;
 var NON_EDITING_ACTIONS_WIDTH = 20;
 var TOTAL_WIDTH = 100;
@@ -91,7 +82,7 @@ var propTypes = {
   label: _propTypes.default.string,
   visibleFields: _propTypes.default.arrayOf(_propTypes.default.string)
 };
-var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(__signature__(function (_ref, ref) {
+var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var actionAssigner = _ref.actionAssigner,
       actionCalls = _ref.actionCalls,
       columnMapping = _ref.columnMapping,
@@ -172,7 +163,7 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(__signature__(fun
 
   var handleClickCreate = function handleClickCreate() {
     toggleEditing('NEW_ROW');
-    fields.push({});
+    fields.unshift({});
   }; // Way to go into create mode from external component, and way to tell internal editing state
 
 
@@ -269,6 +260,7 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(__signature__(fun
 
         if (action.icon) {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
+            ariaLabel: action === null || action === void 0 ? void 0 : action.ariaLabel(data),
             disabled: editing,
             icon: action.icon,
             onClick: function onClick() {
@@ -380,7 +372,7 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(__signature__(fun
         marginBottom0: true,
         onClick: handleClickCreate,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-          id: "stripes-kint-components.actionList.create"
+          id: "stripes-kint-components.new"
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, _objectSpread({
@@ -398,33 +390,7 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(__signature__(fun
       visibleColumns: [].concat(_toConsumableArray(visibleFields), ['actionListActions'])
     }, restOfMclProps))]
   });
-}, "useForm{{ change }}\nuseFormState{{ initialValues, pristine, submitting, values }}\nuseState{[editing, setEditing](null)}\nuseImperativeHandle{}", function () {
-  return [_reactFinalForm.useForm, _reactFinalForm.useFormState, _react.useImperativeHandle];
-}));
+});
 ActionListFieldArray.propTypes = propTypes;
 var _default = ActionListFieldArray;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(EDITING_ACTIONS_WIDTH, "EDITING_ACTIONS_WIDTH", "/home/ethan/FolioModules/stripes-kint-components/src/lib/ActionList/ActionListFieldArray.js");
-  reactHotLoader.register(NON_EDITING_ACTIONS_WIDTH, "NON_EDITING_ACTIONS_WIDTH", "/home/ethan/FolioModules/stripes-kint-components/src/lib/ActionList/ActionListFieldArray.js");
-  reactHotLoader.register(TOTAL_WIDTH, "TOTAL_WIDTH", "/home/ethan/FolioModules/stripes-kint-components/src/lib/ActionList/ActionListFieldArray.js");
-  reactHotLoader.register(propTypes, "propTypes", "/home/ethan/FolioModules/stripes-kint-components/src/lib/ActionList/ActionListFieldArray.js");
-  reactHotLoader.register(ActionListFieldArray, "ActionListFieldArray", "/home/ethan/FolioModules/stripes-kint-components/src/lib/ActionList/ActionListFieldArray.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/ActionList/ActionListFieldArray.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+exports.default = _default;

package/es/lib/ActionList/index.js

@@ -12,8 +12,4 @@ Object.defineProperty(exports, "default", {
 
 var _ActionList = _interopRequireDefault(require("./ActionList"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -11,23 +11,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactIntl = require("react-intl");
 
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _components = require("@folio/stripes/components");
 
+var _reactFinalForm = require("react-final-form");
+
 var _SearchField = _interopRequireDefault(require("../../SearchField"));
 
 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 () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
 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; }
@@ -46,12 +43,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var DEBOUNCE_TIME = 500;
-
 var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
   var _labelOverrides$label, _labelOverrides$prima, _labelOverrides$ctx, _labelOverrides$weigh, _labelOverrides$type, _labelOverrides$categ;
 
@@ -79,27 +70,70 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
     nsValues: nsValues,
     queryParams: queryParams,
     returnQueryObject: true,
-    ctx: selectedContext
+    ctx: selectedContext,
+    options: {
+      sort: [{
+        path: 'ctx'
+      }, {
+        path: 'weight'
+      }]
+    }
   }),
       custprops = _useCustomProperties.data,
       isLoading = _useCustomProperties.isLoading;
 
-  var handleSearch = (0, _debounce.default)(function (query) {
+  var handleSearch = function handleSearch(query) {
     setNsValues(_objectSpread(_objectSpread({}, nsValues), {}, {
       query: query
     }));
-  }, DEBOUNCE_TIME);
+  };
+
+  var _useState5 = (0, _react.useState)(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      searchTerm = _useState6[0],
+      setSearchTerm = _useState6[1];
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchField.default, {
-      fullWidth: true,
-      onChange: function onChange(e) {
-        return handleSearch(e.target.value);
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
+      enableReinitialize: true,
+      keepDirtyOnReinitialize: true,
+      onSubmit: function onSubmit() {
+        return handleSearch(searchTerm);
+      },
+      children: function children(_ref2) {
+        var _labelOverrides$searc;
+
+        var handleSubmit = _ref2.handleSubmit;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
+          className: _CustomProperties.default.lookupSearchContainer,
+          onSubmit: handleSubmit,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchField.default, {
+            ariaLabel: (_labelOverrides$searc = labelOverrides.searchAriaLabel) !== null && _labelOverrides$searc !== void 0 ? _labelOverrides$searc : 'custom-property-search-field',
+            className: _CustomProperties.default.lookupSearch,
+            marginBottom0: true,
+            onChange: function onChange(e) {
+              return setSearchTerm(e.target.value);
+            },
+            value: searchTerm
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            buttonClass: _CustomProperties.default.lookupSearchButton,
+            buttonStyle: "primary",
+            marginBottom0: true,
+            type: "submit",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+              id: "stripes-kint-components.search"
+            })
+          })]
+        });
       }
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Row, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Select, {
           dataOptions: contextFilterOptions,
+          label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            id: "stripes-kint-components.customProperties.ctx"
+          }),
           onChange: function onChange(e) {
             setSelectedContext(e.target.value);
           },
@@ -157,10 +191,6 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
   });
 };
 
-__signature__(CustomPropertiesLookup, "useState{[nsValues, setNsValues]({\n    sort: 'label'\n  })}\nuseState{[selectedContext, setSelectedContext]}\nuseCustomProperties{{ data: custprops, isLoading }}", function () {
-  return [_hooks.useCustomProperties];
-});
-
 CustomPropertiesLookup.propTypes = {
   contextFilterOptions: _propTypes.default.arrayOf(_propTypes.default.shape({
     value: _propTypes.default.string,
@@ -174,25 +204,4 @@ CustomPropertiesLookup.propTypes = {
   refdataEndpoint: _propTypes.default.string
 };
 var _default = CustomPropertiesLookup;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(DEBOUNCE_TIME, "DEBOUNCE_TIME", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Config/CustomPropertiesLookup.js");
-  reactHotLoader.register(CustomPropertiesLookup, "CustomPropertiesLookup", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Config/CustomPropertiesLookup.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Config/CustomPropertiesLookup.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+exports.default = _default;

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

@@ -0,0 +1,53 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+require("@folio/stripes-erm-components/test/jest/__mock__");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _helpers = require("../../../../test/jest/helpers");
+
+var _testResources = require("./testResources");
+
+var _CustomPropertiesLookup = _interopRequireDefault(require("./CustomPropertiesLookup"));
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+jest.mock('../../SearchField', function () {
+  return function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "SearchField"
+    });
+  };
+});
+describe('CustomPropertiesLookup', function () {
+  var renderComponent;
+  beforeEach(function () {
+    renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesLookup.default, _objectSpread(_objectSpread({}, _testResources.custPropLookup), {}, {
+        visibleColumns: ['label', 'primary', 'ctx', 'weight', 'type', 'category']
+      }))
+    }));
+  });
+  it('renders expected options', function () {
+    var _renderComponent = renderComponent,
+        getByText = _renderComponent.getByText;
+    expect(getByText('All')).toBeInTheDocument();
+    expect(getByText('OpenAccess')).toBeInTheDocument();
+    expect(getByText('None')).toBeInTheDocument();
+  });
+  it('renders SearchField component ', function () {
+    var _renderComponent2 = renderComponent,
+        getByText = _renderComponent2.getByText;
+    expect(getByText('SearchField')).toBeInTheDocument();
+  });
+});