@k-int/stripes-kint-components 1.5.0 → 1.6.0

package/es/lib/{Settings → EditableSettingsList/SettingField}/SettingField.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -19,19 +19,30 @@ var _EditSettingValue = _interopRequireDefault(require("./EditSettingValue"));
 
 var _RenderSettingValue = _interopRequireDefault(require("./RenderSettingValue"));
 
-var _SettingsContext = _interopRequireDefault(require("./SettingsContext"));
+var _contexts = require("../../contexts");
 
-var _hooks = require("../hooks");
+var _hooks = require("../../hooks");
 
-var _utils = require("./utils");
+var _utils = require("../../utils");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-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 _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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -45,6 +56,10 @@ 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 SettingField = function SettingField(settingFieldProps) {
   var onSave = settingFieldProps.onSave,
       _settingFieldProps$se = settingFieldProps.settingData;
@@ -58,7 +73,7 @@ var SettingField = function SettingField(settingFieldProps) {
 
   var intl = (0, _reactIntl.useIntl)();
 
-  var _useContext = (0, _react.useContext)(_SettingsContext["default"]),
+  var _useContext = (0, _react.useContext)(_contexts.SettingsContext),
       intlKey = _useContext.intlKey,
       refdataEndpoint = _useContext.refdataEndpoint,
       templateEndpoint = _useContext.templateEndpoint;
@@ -67,7 +82,7 @@ var SettingField = function SettingField(settingFieldProps) {
     endpoint: refdataEndpoint,
     desc: currentSetting.vocab,
     queryParams: {
-      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab)
+      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Refdata'
     }
   }),
       _useRefdata$ = _useRefdata[0];
@@ -79,66 +94,94 @@ var SettingField = function SettingField(settingFieldProps) {
     context: currentSetting.vocab,
     endpoint: templateEndpoint,
     queryParams: {
-      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab)
+      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Template'
     }
   });
 
   var renderEditButton = function renderEditButton() {
-    var EditText = editing ? /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+    var EditText = editing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
       id: "stripes-kint-components.settings.finishEditing"
-    }) : /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
       id: "stripes-kint-components.settings.edit"
     });
-    return /*#__PURE__*/_react["default"].createElement(_components.Button, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       onClick: function onClick(e) {
         e.preventDefault();
         return editing ? onSave().then(function () {
           return setEditing(false);
         }) : setEditing(true);
-      }
-    }, EditText);
+      },
+      children: EditText
+    });
   };
 
   var RenderFunction;
 
   if (editing === false) {
-    RenderFunction = _RenderSettingValue["default"];
+    RenderFunction = _RenderSettingValue.default;
   } else {
-    RenderFunction = _EditSettingValue["default"];
+    RenderFunction = _EditSettingValue.default;
   }
 
   var id = "".concat(intlKey, ".settings.").concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key), ".help");
 
   var renderHeaderStart = function renderHeaderStart() {
-    var settingName = Object.keys(currentSetting).length > 0 ? /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+    var settingName = Object.keys(currentSetting).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
       id: "".concat(intlKey, ".settings.").concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key))
-    }) : /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
       id: "stripes-kint-components.settings.settingLoading"
     });
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, intl.messages[id] && /*#__PURE__*/_react["default"].createElement(_components.InfoPopover, {
-      content: (0, _utils.renderHelpText)(id)
-    }), settingName);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [intl.messages[id] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+        content: (0, _utils.renderHelpText)(id)
+      }), settingName]
+    });
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_components.Card, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Card, {
     headerEnd: renderEditButton(),
     headerStart: renderHeaderStart(),
-    roundedBorder: true
-  }, /*#__PURE__*/_react["default"].createElement(RenderFunction, _extends({
-    currentSetting: currentSetting,
-    refdata: refdata,
-    templates: templates
-  }, settingFieldProps)));
+    roundedBorder: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderFunction, _objectSpread({
+      currentSetting: currentSetting,
+      refdata: refdata,
+      templates: templates
+    }, settingFieldProps))
+  });
 };
 
+__signature__(SettingField, "useState{[editing, setEditing](false)}\nuseIntl{intl}\nuseContext{{ intlKey, refdataEndpoint, templateEndpoint }}\nuseRefdata{{\n    0: {\n      values: refdata = []\n    } = {}\n  }}\nuseTemplates{templates}", function () {
+  return [_reactIntl.useIntl, _hooks.useRefdata, _hooks.useTemplates];
+});
+
 SettingField.propTypes = {
-  settingData: _propTypes["default"].shape({
-    refdatavalues: _propTypes["default"].arrayOf(_propTypes["default"].object),
-    currentSetting: _propTypes["default"].object,
-    templates: _propTypes["default"].arrayOf(_propTypes["default"].object)
+  settingData: _propTypes.default.shape({
+    refdatavalues: _propTypes.default.arrayOf(_propTypes.default.object),
+    currentSetting: _propTypes.default.object,
+    templates: _propTypes.default.arrayOf(_propTypes.default.object)
   }),
-  input: _propTypes["default"].object,
-  onSave: _propTypes["default"].func
+  input: _propTypes.default.object,
+  onSave: _propTypes.default.func
 };
 var _default = SettingField;
-exports["default"] = _default;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(SettingField, "SettingField", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/EditableSettingsList/SettingField/SettingField.test.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
+require("@folio/stripes-erm-components/test/jest/__mock__");
+
+var _helpers = require("@folio/stripes-erm-components/test/jest/helpers");
+
+var _stripesTesting = require("@folio/stripes-testing");
+
+var _reactFinalForm = require("react-final-form");
+
+var _SettingField = _interopRequireDefault(require("./SettingField"));
+
+var _helpers2 = require("../../../../test/jest/helpers");
+
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var onSubmit = jest.fn();
+var onSave = jest.fn().mockResolvedValue();
+jest.mock('./EditSettingValue', function () {
+  return function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "EditSettingValue"
+    });
+  };
+});
+jest.mock('./RenderSettingValue', function () {
+  return function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "RenderSettingValue"
+    });
+  };
+});
+jest.mock('../../hooks', function () {
+  return {
+    useRefdata: function useRefdata() {
+      return [];
+    },
+    useTemplates: function useTemplates() {
+      return [];
+    }
+  };
+});
+var setting = {
+  id: 'ff8081817d94374a017d94449a660049',
+  key: 'S3BucketName',
+  section: 'fileStorage',
+  settingType: 'String',
+  value: 'diku-shared'
+};
+describe('SettingField', function () {
+  var renderComponent;
+  beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+              initialValues: {},
+              onSubmit: onSubmit,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+                component: _SettingField.default,
+                name: "test",
+                onSave: onSave,
+                settingData: {
+                  currentSetting: setting
+                }
+              })
+            }));
+
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('renders RenderSettingValue', function () {
+    var _renderComponent = renderComponent,
+        getByText = _renderComponent.getByText;
+    expect(getByText('RenderSettingValue')).toBeInTheDocument();
+  });
+  test('renders the edit button', function () {
+    (0, _stripesTesting.Button)('Edit').exists();
+  });
+  it('clicking edit/save works as expected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+    var _renderComponent2, getByRole, findByText, editButton, finishEditing;
+
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _renderComponent2 = renderComponent, getByRole = _renderComponent2.getByRole, findByText = _renderComponent2.findByText; // before clicking on edit button, we should be rendering setting value
+
+            _context2.t0 = expect;
+            _context2.next = 4;
+            return findByText('RenderSettingValue');
+
+          case 4:
+            _context2.t1 = _context2.sent;
+            (0, _context2.t0)(_context2.t1).toBeInTheDocument();
+            // Clicking edit button
+            editButton = getByRole('button', {
+              name: /Edit/i
+            });
+            expect(editButton).toBeInTheDocument();
+
+            _userEvent.default.click(editButton); // Should be rendering the "edit" for a setting value
+
+
+            _context2.t2 = expect;
+            _context2.next = 12;
+            return findByText('EditSettingValue');
+
+          case 12:
+            _context2.t3 = _context2.sent;
+            (0, _context2.t2)(_context2.t3).toBeInTheDocument();
+            // Clicking finish editing button
+            finishEditing = getByRole('button', {
+              name: /Finish editing/i
+            });
+            expect(finishEditing).toBeInTheDocument();
+
+            _userEvent.default.click(finishEditing); // Should be rendering the setting value again
+
+
+            _context2.t4 = expect;
+            _context2.next = 20;
+            return findByText('RenderSettingValue');
+
+          case 20:
+            _context2.t5 = _context2.sent;
+            (0, _context2.t4)(_context2.t5).toBeInTheDocument();
+
+          case 22:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
+});
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(onSubmit, "onSubmit", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
+  reactHotLoader.register(onSave, "onSave", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
+  reactHotLoader.register(setting, "setting", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/EditableSettingsList/SettingField/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditSettingValue", {
+  enumerable: true,
+  get: function get() {
+    return _EditSettingValue.default;
+  }
+});
+Object.defineProperty(exports, "RenderSettingValue", {
+  enumerable: true,
+  get: function get() {
+    return _RenderSettingValue.default;
+  }
+});
+Object.defineProperty(exports, "SettingField", {
+  enumerable: true,
+  get: function get() {
+    return _SettingField.default;
+  }
+});
+
+var _SettingField = _interopRequireDefault(require("./SettingField"));
+
+var _RenderSettingValue = _interopRequireDefault(require("./RenderSettingValue"));
+
+var _EditSettingValue = _interopRequireDefault(require("./EditSettingValue"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};

package/es/lib/EditableSettingsList/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditableSettingsList", {
+  enumerable: true,
+  get: function get() {
+    return _EditableSettingsList.default;
+  }
+});
+Object.defineProperty(exports, "EditableSettingsListFieldArray", {
+  enumerable: true,
+  get: function get() {
+    return _EditableSettingsListFieldArray.default;
+  }
+});
+Object.defineProperty(exports, "SettingField", {
+  enumerable: true,
+  get: function get() {
+    return _SettingField.SettingField;
+  }
+});
+
+var _EditableSettingsList = _interopRequireDefault(require("./EditableSettingsList"));
+
+var _EditableSettingsListFieldArray = _interopRequireDefault(require("./EditableSettingsListFieldArray"));
+
+var _SettingField = require("./SettingField");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};

package/es/lib/NoResultsMessage/NoResultsMessage.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -15,7 +15,18 @@ var _components = require("@folio/stripes/components");
 
 var _NoResultsMessage = _interopRequireDefault(require("../../../styles/NoResultsMessage.css"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
 
 var NoResultsMessage = function NoResultsMessage(_ref) {
   var userIcon = _ref.icon,
@@ -27,18 +38,16 @@ var NoResultsMessage = function NoResultsMessage(_ref) {
       searchTerm = _ref.searchTerm,
       toggleFilterPane = _ref.toggleFilterPane;
   var icon = 'search';
-
-  var label = /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+  var label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
     id: "stripes-smart-components.sas.noResults.default",
     values: {
       searchTerm: searchTerm
     }
   }); // No search term but no results
 
-
   if (!searchTerm) {
     icon = 'search';
-    label = /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+    label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
       id: "stripes-smart-components.sas.noResults.noResults"
     });
   } // Loading results
@@ -46,7 +55,7 @@ var NoResultsMessage = function NoResultsMessage(_ref) {
 
   if (isLoading) {
     icon = 'spinner-ellipsis';
-    label = /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+    label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
       id: "stripes-smart-components.sas.noResults.loading"
     });
   } // Request failure
@@ -57,33 +66,57 @@ var NoResultsMessage = function NoResultsMessage(_ref) {
     label = error === null || error === void 0 ? void 0 : error.message;
   }
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _NoResultsMessage["default"].noResultsMessage
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _NoResultsMessage["default"].noResultsMessageLabelWrap
-  }, (icon || userIcon) && /*#__PURE__*/_react["default"].createElement(_components.Icon, {
-    icon: userIcon !== null && userIcon !== void 0 ? userIcon : icon,
-    iconRootClass: _NoResultsMessage["default"].noResultsMessageIcon
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: _NoResultsMessage["default"].noResultsMessageLabel
-  }, userLabel !== null && userLabel !== void 0 ? userLabel : label)), !filterPaneIsVisible && /*#__PURE__*/_react["default"].createElement(_components.Button, {
-    buttonClass: _NoResultsMessage["default"].noResultsMessageButton,
-    marginBottom0: true,
-    onClick: toggleFilterPane
-  }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
-    id: "stripes-kint-components.noResultsMessage.showFilters"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: _NoResultsMessage.default.noResultsMessage,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _NoResultsMessage.default.noResultsMessageLabelWrap,
+      children: [(icon || userIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+        icon: userIcon !== null && userIcon !== void 0 ? userIcon : icon,
+        iconRootClass: _NoResultsMessage.default.noResultsMessageIcon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _NoResultsMessage.default.noResultsMessageLabel,
+        children: userLabel !== null && userLabel !== void 0 ? userLabel : label
+      })]
+    }), !filterPaneIsVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      buttonClass: _NoResultsMessage.default.noResultsMessageButton,
+      marginBottom0: true,
+      onClick: toggleFilterPane,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: "stripes-kint-components.noResultsMessage.showFilters"
+      })
+    })]
+  });
 };
 
 NoResultsMessage.propTypes = {
-  error: _propTypes["default"].object,
-  filterPaneIsVisible: _propTypes["default"].bool.isRequired,
-  icon: _propTypes["default"].string,
-  isLoading: _propTypes["default"].bool,
-  isError: _propTypes["default"].bool,
-  label: _propTypes["default"].oneOfType(_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].func),
-  searchTerm: _propTypes["default"].string.isRequired,
-  toggleFilterPane: _propTypes["default"].func.isRequired
+  error: _propTypes.default.object,
+  filterPaneIsVisible: _propTypes.default.bool.isRequired,
+  icon: _propTypes.default.string,
+  isLoading: _propTypes.default.bool,
+  isError: _propTypes.default.bool,
+  label: _propTypes.default.oneOfType(_propTypes.default.string, _propTypes.default.node, _propTypes.default.func),
+  searchTerm: _propTypes.default.string.isRequired,
+  toggleFilterPane: _propTypes.default.func.isRequired
 };
 var _default = NoResultsMessage;
-exports["default"] = _default;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(NoResultsMessage, "NoResultsMessage", "/home/ethan/FolioModules/stripes-kint-components/src/lib/NoResultsMessage/NoResultsMessage.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/NoResultsMessage/NoResultsMessage.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/NoResultsMessage/index.js

@@ -3,13 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "NoResultsMessage", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _NoResultsMessage["default"];
+    return _NoResultsMessage.default;
   }
 });
 
 var _NoResultsMessage = _interopRequireDefault(require("./NoResultsMessage"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};