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

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

@@ -0,0 +1,447 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+require("@folio/stripes-erm-components/test/jest/__mock__");
+
+var _helpers = require("@folio/stripes-erm-components/test/jest/helpers");
+
+var _EditSettingValue = _interopRequireDefault(require("./EditSettingValue"));
+
+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);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var onSubmit = jest.fn();
+var stringSetting = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'String',
+  value: 'diku-shared'
+};
+var refdata = [{
+  id: '123',
+  value: 'test_refdata_value',
+  label: 'Test refdata value'
+}, {
+  id: '456',
+  value: 'other_refdata_value',
+  label: 'Other refdata value'
+}, {
+  id: '789',
+  value: 'final_refdata_value',
+  label: 'Final refdata value'
+}];
+var moreRefdata = [{
+  id: '123',
+  value: 'test_refdata_value',
+  label: 'Test refdata value'
+}, {
+  id: '234',
+  value: 'other_refdata_value',
+  label: 'Other refdata value'
+}, {
+  id: '345',
+  value: 'refdata_value_3',
+  label: 'Refdata value 3'
+}, {
+  id: '456',
+  value: 'refdata_value_4',
+  label: 'Refdata value 4'
+}, {
+  id: '567',
+  value: 'refdata_value_5',
+  label: 'Refdata value 5'
+}, {
+  id: '678',
+  value: 'final_refdata_value',
+  label: 'Final refdata value'
+}];
+var refdataSetting = {
+  id: '12345',
+  key: 'testSettingKey',
+  section: 'testSettingSection',
+  settingType: 'Refdata',
+  value: 'test_refdata_value'
+};
+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'
+};
+describe('EditSettingValue', function () {
+  describe('edit string setting', function () {
+    describe('with no initial value', function () {
+      var renderComponent;
+      beforeEach(function () {
+        renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+          initialValues: {},
+          onSubmit: onSubmit,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditSettingValue.default, {
+            currentSetting: stringSetting,
+            input: {
+              name: 'test'
+            }
+          })
+        }));
+      });
+      test('renders the edit field', function () {
+        var _renderComponent = renderComponent,
+            getByRole = _renderComponent.getByRole;
+        expect(getByRole('textbox', {
+          name: 'Value for setting {name}'
+        }));
+      });
+    });
+    describe('with initial value', function () {
+      var renderComponent;
+      beforeEach(function () {
+        renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+          initialValues: {
+            test: {
+              value: stringSetting.value
+            }
+          },
+          onSubmit: onSubmit,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditSettingValue.default, {
+            currentSetting: stringSetting,
+            input: {
+              name: 'test'
+            }
+          })
+        }));
+      });
+      test('renders the expected value in the edit field', function () {
+        var _renderComponent2 = renderComponent,
+            getByRole = _renderComponent2.getByRole;
+        expect(getByRole('textbox', {
+          name: 'Value for setting {name}'
+        })).toHaveDisplayValue('diku-shared');
+      });
+    });
+  }); // NOTE -- Password textbox works weirdly so isn't tested here
+
+  describe('edit refdata setting', function () {
+    describe('with no initial value for refdata with <4 options', function () {
+      var renderComponent;
+      beforeEach(function () {
+        renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+          initialValues: {},
+          onSubmit: onSubmit,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditSettingValue.default, {
+            currentSetting: refdataSetting,
+            input: {
+              name: 'test'
+            },
+            refdata: refdata
+          })
+        }));
+      });
+      test('renders the expected radio buttons', function () {
+        var _renderComponent3 = renderComponent,
+            getByRole = _renderComponent3.getByRole;
+        expect(getByRole('radio', {
+          name: 'Test refdata value'
+        }));
+        expect(getByRole('radio', {
+          name: 'Other refdata value'
+        }));
+        expect(getByRole('radio', {
+          name: 'Final refdata value'
+        }));
+      });
+      test('no radio buttons are checked', function () {
+        var _renderComponent4 = renderComponent,
+            getByRole = _renderComponent4.getByRole;
+        expect(getByRole('radio', {
+          name: 'Test refdata value'
+        })).not.toHaveAttribute('checked');
+        expect(getByRole('radio', {
+          name: 'Other refdata value'
+        })).not.toHaveAttribute('checked');
+        expect(getByRole('radio', {
+          name: 'Final refdata value'
+        })).not.toHaveAttribute('checked');
+      });
+    });
+    describe('with initial value for refdata with <4 options', function () {
+      var renderComponent;
+      beforeEach(function () {
+        renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+          initialValues: {
+            test: {
+              value: refdataSetting.value
+            }
+          },
+          onSubmit: onSubmit,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditSettingValue.default, {
+            currentSetting: refdataSetting,
+            input: {
+              name: 'test'
+            },
+            refdata: refdata
+          })
+        }));
+      });
+      test('renders the expected radio buttons', function () {
+        var _renderComponent5 = renderComponent,
+            getByRole = _renderComponent5.getByRole;
+        expect(getByRole('radio', {
+          name: 'Test refdata value'
+        }));
+        expect(getByRole('radio', {
+          name: 'Other refdata value'
+        }));
+        expect(getByRole('radio', {
+          name: 'Final refdata value'
+        }));
+      });
+      test('the correct radio button is checked', function () {
+        var _renderComponent6 = renderComponent,
+            getByRole = _renderComponent6.getByRole;
+        expect(getByRole('radio', {
+          name: 'Test refdata value'
+        })).toHaveAttribute('checked');
+        expect(getByRole('radio', {
+          name: 'Other refdata value'
+        })).not.toHaveAttribute('checked');
+        expect(getByRole('radio', {
+          name: 'Final refdata value'
+        })).not.toHaveAttribute('checked');
+      });
+    });
+    describe('with no initial value for refdata with >4 options', function () {
+      var renderComponent;
+      beforeEach(function () {
+        renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+          initialValues: {},
+          onSubmit: onSubmit,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditSettingValue.default, {
+            currentSetting: refdataSetting,
+            input: {
+              name: 'test'
+            },
+            refdata: moreRefdata
+          })
+        }));
+      });
+      test('renders the expected select field', function () {
+        var _renderComponent7 = renderComponent,
+            getByRole = _renderComponent7.getByRole;
+        expect(getByRole('combobox', {
+          name: 'Value for setting {name}'
+        }));
+      });
+      test('renders the expected refdata options', function () {
+        var _renderComponent8 = renderComponent,
+            getByRole = _renderComponent8.getByRole;
+        expect(getByRole('option', {
+          name: 'Test refdata value'
+        }));
+        expect(getByRole('option', {
+          name: 'Other refdata value'
+        }));
+        expect(getByRole('option', {
+          name: 'Refdata value 3'
+        }));
+        expect(getByRole('option', {
+          name: 'Refdata value 4'
+        }));
+        expect(getByRole('option', {
+          name: 'Refdata value 5'
+        }));
+        expect(getByRole('option', {
+          name: 'Final refdata value'
+        }));
+      });
+    });
+    describe('with initial value for refdata with >4 options', function () {
+      var renderComponent;
+      beforeEach(function () {
+        renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+          initialValues: {
+            test: {
+              value: refdataSetting.value
+            }
+          },
+          onSubmit: onSubmit,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditSettingValue.default, {
+            currentSetting: refdataSetting,
+            input: {
+              name: 'test'
+            },
+            refdata: moreRefdata
+          })
+        }));
+      });
+      test('renders the expected refdata options', function () {
+        var _renderComponent9 = renderComponent,
+            getByRole = _renderComponent9.getByRole;
+        expect(getByRole('option', {
+          name: 'Test refdata value'
+        }));
+        expect(getByRole('option', {
+          name: 'Other refdata value'
+        }));
+        expect(getByRole('option', {
+          name: 'Refdata value 3'
+        }));
+        expect(getByRole('option', {
+          name: 'Refdata value 4'
+        }));
+        expect(getByRole('option', {
+          name: 'Refdata value 5'
+        }));
+        expect(getByRole('option', {
+          name: 'Final refdata value'
+        }));
+      });
+      test('renders the expected value in the refdata dropdown', function () {
+        var _renderComponent10 = renderComponent,
+            getByRole = _renderComponent10.getByRole;
+        expect(getByRole('combobox', {
+          name: 'Value for setting {name}'
+        })).toHaveDisplayValue('Test refdata value');
+      });
+    });
+  });
+  describe('edit template setting', function () {
+    describe('with no initial value', function () {
+      var renderComponent;
+      beforeEach(function () {
+        renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+          initialValues: {},
+          onSubmit: onSubmit,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditSettingValue.default, {
+            currentSetting: templateSetting,
+            input: {
+              name: 'test'
+            },
+            templates: templates
+          })
+        }));
+      });
+      test('renders the edit field', function () {
+        var _renderComponent11 = renderComponent,
+            getByRole = _renderComponent11.getByRole;
+        expect(getByRole('combobox', {
+          name: 'Value for setting {name}'
+        }));
+      });
+      test('renders the expected template options', function () {
+        var _renderComponent12 = renderComponent,
+            getByRole = _renderComponent12.getByRole;
+        expect(getByRole('option', {
+          name: ''
+        })); // empty option
+
+        expect(getByRole('option', {
+          name: 'Test template'
+        }));
+        expect(getByRole('option', {
+          name: 'Red herring template'
+        }));
+      });
+      test('renders expected display item in template dropdown', function () {
+        var _renderComponent13 = renderComponent,
+            getByRole = _renderComponent13.getByRole;
+        expect(getByRole('combobox', {
+          name: 'Value for setting {name}'
+        })).toHaveDisplayValue('');
+      });
+    });
+    describe('with initial value', function () {
+      var renderComponent;
+      beforeEach(function () {
+        renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+          initialValues: {
+            test: {
+              value: templateSetting.value
+            }
+          },
+          onSubmit: onSubmit,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditSettingValue.default, {
+            currentSetting: templateSetting,
+            input: {
+              name: 'test'
+            },
+            templates: templates
+          })
+        }));
+      });
+      test('renders the edit field', function () {
+        var _renderComponent14 = renderComponent,
+            getByRole = _renderComponent14.getByRole;
+        expect(getByRole('combobox', {
+          name: 'Value for setting {name}'
+        }));
+      });
+      test('renders the expected template options', function () {
+        var _renderComponent15 = renderComponent,
+            getByRole = _renderComponent15.getByRole;
+        expect(getByRole('option', {
+          name: ''
+        })); // empty option
+
+        expect(getByRole('option', {
+          name: 'Test template'
+        }));
+        expect(getByRole('option', {
+          name: 'Red herring template'
+        }));
+      });
+      test('renders expected display item in template dropdown', function () {
+        var _renderComponent16 = renderComponent,
+            getByRole = _renderComponent16.getByRole;
+        expect(getByRole('combobox', {
+          name: 'Value for setting {name}'
+        })).toHaveDisplayValue('Test template');
+      });
+    });
+  });
+});
+;
+
+(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/EditSettingValue.test.js");
+  reactHotLoader.register(stringSetting, "stringSetting", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/EditSettingValue.test.js");
+  reactHotLoader.register(refdata, "refdata", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/EditSettingValue.test.js");
+  reactHotLoader.register(moreRefdata, "moreRefdata", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/EditSettingValue.test.js");
+  reactHotLoader.register(refdataSetting, "refdataSetting", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/EditSettingValue.test.js");
+  reactHotLoader.register(templates, "templates", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/EditSettingValue.test.js");
+  reactHotLoader.register(templateSetting, "templateSetting", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/EditSettingValue.test.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

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

@@ -3,24 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _reactIntl = require("react-intl");
 
-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 RenderSettingValue = function RenderSettingValue(props) {
   var setting = props.currentSetting,
       refdata = props.refdata,
       templates = props.templates;
   var intl = (0, _reactIntl.useIntl)();
-
-  var NoCurrentValue = /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+  var NoCurrentValue = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
     id: "stripes-kint-components.settings.noCurrentValue"
   });
-
   var defaultText = "[".concat(intl.formatMessage({
     id: 'stripes-kint-components.settings.default'
   }), "]");
@@ -37,7 +46,12 @@ var RenderSettingValue = function RenderSettingValue(props) {
         }
 
         if (setting.defValue) {
-          return "".concat(defaultText, " ").concat(setting.defValue);
+          var _refdata$filter$2;
+
+          var defValue = refdata === null || refdata === void 0 ? void 0 : (_refdata$filter$2 = refdata.filter(function (obj) {
+            return obj.value === setting.defValue;
+          })[0]) === null || _refdata$filter$2 === void 0 ? void 0 : _refdata$filter$2.label;
+          return "".concat(defaultText, " ").concat(defValue);
         }
 
         return NoCurrentValue;
@@ -80,5 +94,29 @@ var RenderSettingValue = function RenderSettingValue(props) {
   }
 };
 
+__signature__(RenderSettingValue, "useIntl{intl}", function () {
+  return [_reactIntl.useIntl];
+});
+
 var _default = RenderSettingValue;
-exports["default"] = _default;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(RenderSettingValue, "RenderSettingValue", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/RenderSettingValue.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();