@k-int/stripes-kint-components 1.3.0 → 1.7.0

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

@@ -0,0 +1,495 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+require("@folio/stripes-erm-components/test/jest/__mock__");
+
+var _RenderSettingValue = _interopRequireDefault(require("./RenderSettingValue"));
+
+var _helpers = 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 stringSetting = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'String',
+  value: 'diku-shared'
+};
+var stringSettingNoValue = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'String',
+  defValue: 'diku-shared'
+};
+var stringSettingNoValueOrDefault = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'String'
+};
+var passwordSetting = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'Password',
+  value: 'secret password'
+};
+var passwordSettingNoValue = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'Password',
+  defValue: 'secret password'
+};
+var passwordSettingNoValueOrDefault = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'Password'
+};
+var refdata = [{
+  value: 'test_refdata_value',
+  label: 'Test refdata value'
+}, {
+  value: 'other_refdata_value',
+  label: 'Other refdata value'
+}, {
+  value: 'final_refdata_value',
+  label: 'Final refdata value'
+}];
+var refdataSetting = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'Refdata',
+  value: 'test_refdata_value'
+};
+var refdataSettingNoValue = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'Refdata',
+  defValue: 'test_refdata_value'
+};
+var refdataSettingNoValueOrDefault = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'Refdata'
+};
+var templates = [{
+  id: 'abcde',
+  name: 'Test template'
+}, {
+  id: '98765',
+  name: 'Red herring template'
+}];
+var templateSetting = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'Template',
+  value: 'abcde'
+};
+var templateSettingNoValue = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'Template',
+  defValue: 'abcde'
+};
+var templateSettingNoValueOrDefault = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'Template'
+};
+describe('RenderSettingValue', function () {
+  describe('render string settings', function () {
+    describe('render a string setting', 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, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: stringSetting,
+                  input: {
+                    name: 'test'
+                  }
+                }));
+
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      })));
+      it('renders the value', function () {
+        var _renderComponent = renderComponent,
+            getByText = _renderComponent.getByText;
+        expect(getByText('diku-shared')).toBeInTheDocument();
+      });
+    });
+    describe('render a string setting without a value', function () {
+      var renderComponent;
+      beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: stringSettingNoValue,
+                  input: {
+                    name: 'test'
+                  }
+                }));
+
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      })));
+      it('renders the default value', function () {
+        var _renderComponent2 = renderComponent,
+            getByText = _renderComponent2.getByText;
+        expect(getByText('[default] diku-shared')).toBeInTheDocument();
+      });
+    });
+    describe('render a string setting without a value or default', function () {
+      var renderComponent;
+      beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+        return regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: stringSettingNoValueOrDefault,
+                  input: {
+                    name: 'test'
+                  }
+                }));
+
+              case 1:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3);
+      })));
+      it('renders the empty message', function () {
+        var _renderComponent3 = renderComponent,
+            getByText = _renderComponent3.getByText;
+        expect(getByText('No current value')).toBeInTheDocument();
+      });
+    });
+  });
+  describe('render refdata settings', function () {
+    describe('render a refdata setting', function () {
+      var renderComponent;
+      beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+        return regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: refdataSetting,
+                  input: {
+                    name: 'test'
+                  },
+                  refdata: refdata
+                }));
+
+              case 1:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4);
+      })));
+      it('renders the value', function () {
+        var _renderComponent4 = renderComponent,
+            getByText = _renderComponent4.getByText;
+        expect(getByText('Test refdata value')).toBeInTheDocument();
+      });
+    });
+    describe('render a refdata setting without a value', function () {
+      var renderComponent;
+      beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+        return regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: refdataSettingNoValue,
+                  input: {
+                    name: 'test'
+                  },
+                  refdata: refdata
+                }));
+
+              case 1:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5);
+      })));
+      it('renders the default value', function () {
+        var _renderComponent5 = renderComponent,
+            getByText = _renderComponent5.getByText;
+        expect(getByText('[default] Test refdata value')).toBeInTheDocument();
+      });
+    });
+    describe('render a refdata setting without a value or default', function () {
+      var renderComponent;
+      beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
+        return regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: refdataSettingNoValueOrDefault,
+                  input: {
+                    name: 'test'
+                  },
+                  refdata: refdata
+                }));
+
+              case 1:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6);
+      })));
+      it('renders the empty message', function () {
+        var _renderComponent6 = renderComponent,
+            getByText = _renderComponent6.getByText;
+        expect(getByText('No current value')).toBeInTheDocument();
+      });
+    });
+  });
+  describe('render password settings', function () {
+    describe('render a password setting', function () {
+      var renderComponent;
+      beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
+        return regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) {
+            switch (_context7.prev = _context7.next) {
+              case 0:
+                renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: passwordSetting,
+                  input: {
+                    name: 'test'
+                  }
+                }));
+
+              case 1:
+              case "end":
+                return _context7.stop();
+            }
+          }
+        }, _callee7);
+      })));
+      it('renders the value', function () {
+        var _renderComponent7 = renderComponent,
+            getByText = _renderComponent7.getByText;
+        expect(getByText('********')).toBeInTheDocument();
+      });
+    });
+    describe('render a password setting without a value', function () {
+      var renderComponent;
+      beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
+        return regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) {
+            switch (_context8.prev = _context8.next) {
+              case 0:
+                renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: passwordSettingNoValue,
+                  input: {
+                    name: 'test'
+                  }
+                }));
+
+              case 1:
+              case "end":
+                return _context8.stop();
+            }
+          }
+        }, _callee8);
+      })));
+      it('renders the default value', function () {
+        var _renderComponent8 = renderComponent,
+            getByText = _renderComponent8.getByText;
+        expect(getByText('[default] ********')).toBeInTheDocument();
+      });
+    });
+    describe('render a password setting without a value or default', function () {
+      var renderComponent;
+      beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
+        return regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) {
+            switch (_context9.prev = _context9.next) {
+              case 0:
+                renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: passwordSettingNoValueOrDefault,
+                  input: {
+                    name: 'test'
+                  }
+                }));
+
+              case 1:
+              case "end":
+                return _context9.stop();
+            }
+          }
+        }, _callee9);
+      })));
+      it('renders the empty message', function () {
+        var _renderComponent9 = renderComponent,
+            getByText = _renderComponent9.getByText;
+        expect(getByText('No current value')).toBeInTheDocument();
+      });
+    });
+  });
+  describe('render template settings', function () {
+    describe('render a template setting', function () {
+      var renderComponent;
+      beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10() {
+        return regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) {
+            switch (_context10.prev = _context10.next) {
+              case 0:
+                renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: templateSetting,
+                  input: {
+                    name: 'test'
+                  },
+                  templates: templates
+                }));
+
+              case 1:
+              case "end":
+                return _context10.stop();
+            }
+          }
+        }, _callee10);
+      })));
+      it('renders the value', function () {
+        var _renderComponent10 = renderComponent,
+            getByText = _renderComponent10.getByText;
+        expect(getByText('Test template')).toBeInTheDocument();
+      });
+    });
+    describe('render a template setting without a value', function () {
+      var renderComponent;
+      beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee11() {
+        return regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) {
+            switch (_context11.prev = _context11.next) {
+              case 0:
+                renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: templateSettingNoValue,
+                  input: {
+                    name: 'test'
+                  },
+                  templates: templates
+                }));
+
+              case 1:
+              case "end":
+                return _context11.stop();
+            }
+          }
+        }, _callee11);
+      })));
+      it('renders the default value', function () {
+        var _renderComponent11 = renderComponent,
+            getByText = _renderComponent11.getByText;
+        expect(getByText('Test template')).toBeInTheDocument(); // TODO this doesn't currently have a [default] marking on it
+      });
+    });
+    describe('render a template setting without a value or default', function () {
+      var renderComponent;
+      beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee12() {
+        return regeneratorRuntime.wrap(function _callee12$(_context12) {
+          while (1) {
+            switch (_context12.prev = _context12.next) {
+              case 0:
+                renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderSettingValue.default, {
+                  currentSetting: templateSettingNoValueOrDefault,
+                  input: {
+                    name: 'test'
+                  },
+                  templates: templates
+                }));
+
+              case 1:
+              case "end":
+                return _context12.stop();
+            }
+          }
+        }, _callee12);
+      })));
+      it('renders the empty message', function () {
+        var _renderComponent12 = renderComponent,
+            getByText = _renderComponent12.getByText;
+        expect(getByText('No current value')).toBeInTheDocument();
+      });
+    });
+  });
+});
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(stringSetting, "stringSetting", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(stringSettingNoValue, "stringSettingNoValue", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(stringSettingNoValueOrDefault, "stringSettingNoValueOrDefault", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(passwordSetting, "passwordSetting", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(passwordSettingNoValue, "passwordSettingNoValue", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(passwordSettingNoValueOrDefault, "passwordSettingNoValueOrDefault", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(refdata, "refdata", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(refdataSetting, "refdataSetting", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(refdataSettingNoValue, "refdataSettingNoValue", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(refdataSettingNoValueOrDefault, "refdataSettingNoValueOrDefault", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(templates, "templates", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(templateSetting, "templateSetting", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(templateSettingNoValue, "templateSettingNoValue", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+  reactHotLoader.register(templateSettingNoValueOrDefault, "templateSettingNoValueOrDefault", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

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

@@ -0,0 +1,187 @@
+"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 = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactIntl = require("react-intl");
+
+var _components = require("@folio/stripes/components");
+
+var _EditSettingValue = _interopRequireDefault(require("./EditSettingValue"));
+
+var _RenderSettingValue = _interopRequireDefault(require("./RenderSettingValue"));
+
+var _contexts = require("../../contexts");
+
+var _hooks = require("../../hooks");
+
+var _utils = require("../../utils");
+
+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 () {
+  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; }
+
+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(); }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+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;
+  _settingFieldProps$se = _settingFieldProps$se === void 0 ? {} : _settingFieldProps$se;
+  var currentSetting = _settingFieldProps$se.currentSetting;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      editing = _useState2[0],
+      setEditing = _useState2[1];
+
+  var intl = (0, _reactIntl.useIntl)();
+
+  var _useContext = (0, _react.useContext)(_contexts.SettingsContext),
+      intlKey = _useContext.intlKey,
+      refdataEndpoint = _useContext.refdataEndpoint,
+      templateEndpoint = _useContext.templateEndpoint;
+
+  var _useRefdata = (0, _hooks.useRefdata)({
+    endpoint: refdataEndpoint,
+    desc: currentSetting.vocab,
+    queryParams: {
+      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Refdata'
+    }
+  }),
+      _useRefdata$ = _useRefdata[0];
+
+  _useRefdata$ = _useRefdata$ === void 0 ? {} : _useRefdata$;
+  var _useRefdata$$values = _useRefdata$.values,
+      refdata = _useRefdata$$values === void 0 ? [] : _useRefdata$$values;
+  var templates = (0, _hooks.useTemplates)({
+    context: currentSetting.vocab,
+    endpoint: templateEndpoint,
+    queryParams: {
+      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Template'
+    }
+  });
+
+  var renderEditButton = function renderEditButton() {
+    var EditText = editing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: "stripes-kint-components.settings.finishEditing"
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: "stripes-kint-components.settings.edit"
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      onClick: function onClick(e) {
+        e.preventDefault();
+        return editing ? onSave().then(function () {
+          return setEditing(false);
+        }) : setEditing(true);
+      },
+      children: EditText
+    });
+  };
+
+  var RenderFunction;
+
+  if (editing === false) {
+    RenderFunction = _RenderSettingValue.default;
+  } else {
+    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__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: "".concat(intlKey, ".settings.").concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key))
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: "stripes-kint-components.settings.settingLoading"
+    });
+    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__*/(0, _jsxRuntime.jsx)(_components.Card, {
+    headerEnd: renderEditButton(),
+    headerStart: renderHeaderStart(),
+    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)
+  }),
+  input: _propTypes.default.object,
+  onSave: _propTypes.default.func
+};
+var _default = SettingField;
+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);
+})();