@k-int/stripes-kint-components 3.2.2 → 3.2.4

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

@@ -7,16 +7,16 @@ 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 }; }
-var onSubmit = jest.fn();
+const onSubmit = jest.fn();
 jest.mock('../../hooks');
-var stringSetting = {
+const stringSetting = {
   id: '12345',
   key: 'testSettingKey',
   section: 'testSettingSection',
   settingType: 'String',
   value: 'diku-shared'
 };
-var refdata = [{
+const refdata = [{
   id: '123',
   value: 'test_refdata_value',
   label: 'Test refdata value'
@@ -29,7 +29,7 @@ var refdata = [{
   value: 'final_refdata_value',
   label: 'Final refdata value'
 }];
-var moreRefdata = [{
+const moreRefdata = [{
   id: '123',
   value: 'test_refdata_value',
   label: 'Test refdata value'
@@ -54,32 +54,32 @@ var moreRefdata = [{
   value: 'final_refdata_value',
   label: 'Final refdata value'
 }];
-var refdataSetting = {
+const refdataSetting = {
   id: '12345',
   key: 'testSettingKey',
   section: 'testSettingSection',
   settingType: 'Refdata',
   value: 'test_refdata_value'
 };
-var templates = [{
+const templates = [{
   id: 'abcde',
   name: 'Test template'
 }, {
   id: '98765',
   name: 'Red herring template'
 }];
-var templateSetting = {
+const 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 () {
+describe('EditSettingValue', () => {
+  describe('edit string setting', () => {
+    describe('with no initial value', () => {
+      let renderComponent;
+      beforeEach(() => {
         renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -91,17 +91,18 @@ describe('EditSettingValue', function () {
           })
         }));
       });
-      test('renders the edit field', function () {
-        var _renderComponent = renderComponent,
-          getByRole = _renderComponent.getByRole;
+      test('renders the edit field', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('textbox', {
           name: 'Value for setting testSettingKey'
         }));
       });
     });
-    describe('with initial value', function () {
-      var renderComponent;
-      beforeEach(function () {
+    describe('with initial value', () => {
+      let renderComponent;
+      beforeEach(() => {
         renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
           initialValues: {
             test: {
@@ -117,9 +118,10 @@ describe('EditSettingValue', function () {
           })
         }));
       });
-      test('renders the expected value in the edit field', function () {
-        var _renderComponent2 = renderComponent,
-          getByRole = _renderComponent2.getByRole;
+      test('renders the expected value in the edit field', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('textbox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('diku-shared');
@@ -129,10 +131,10 @@ describe('EditSettingValue', function () {
 
   // 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 () {
+  describe('edit refdata setting', () => {
+    describe('with no initial value for refdata with <4 options', () => {
+      let renderComponent;
+      beforeEach(() => {
         renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -145,9 +147,10 @@ describe('EditSettingValue', function () {
           })
         }));
       });
-      test('renders the expected radio buttons', function () {
-        var _renderComponent3 = renderComponent,
-          getByRole = _renderComponent3.getByRole;
+      test('renders the expected radio buttons', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         }));
@@ -158,9 +161,10 @@ describe('EditSettingValue', function () {
           name: 'Final refdata value'
         }));
       });
-      test('no radio buttons are checked', function () {
-        var _renderComponent4 = renderComponent,
-          getByRole = _renderComponent4.getByRole;
+      test('no radio buttons are checked', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         })).not.toHaveAttribute('checked');
@@ -172,9 +176,9 @@ describe('EditSettingValue', function () {
         })).not.toHaveAttribute('checked');
       });
     });
-    describe('with initial value for refdata with <4 options', function () {
-      var renderComponent;
-      beforeEach(function () {
+    describe('with initial value for refdata with <4 options', () => {
+      let renderComponent;
+      beforeEach(() => {
         renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
           initialValues: {
             test: {
@@ -191,9 +195,10 @@ describe('EditSettingValue', function () {
           })
         }));
       });
-      test('renders the expected radio buttons', function () {
-        var _renderComponent5 = renderComponent,
-          getByRole = _renderComponent5.getByRole;
+      test('renders the expected radio buttons', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         }));
@@ -204,9 +209,10 @@ describe('EditSettingValue', function () {
           name: 'Final refdata value'
         }));
       });
-      test('the correct radio button is checked', function () {
-        var _renderComponent6 = renderComponent,
-          getByRole = _renderComponent6.getByRole;
+      test('the correct radio button is checked', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         })).toHaveAttribute('checked');
@@ -218,9 +224,9 @@ describe('EditSettingValue', function () {
         })).not.toHaveAttribute('checked');
       });
     });
-    describe('with no initial value for refdata with >4 options', function () {
-      var renderComponent;
-      beforeEach(function () {
+    describe('with no initial value for refdata with >4 options', () => {
+      let renderComponent;
+      beforeEach(() => {
         renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -233,16 +239,18 @@ describe('EditSettingValue', function () {
           })
         }));
       });
-      test('renders the expected select field', function () {
-        var _renderComponent7 = renderComponent,
-          getByRole = _renderComponent7.getByRole;
+      test('renders the expected select field', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         }));
       });
-      test('renders the expected refdata options', function () {
-        var _renderComponent8 = renderComponent,
-          getByRole = _renderComponent8.getByRole;
+      test('renders the expected refdata options', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('option', {
           name: 'Test refdata value'
         }));
@@ -263,9 +271,9 @@ describe('EditSettingValue', function () {
         }));
       });
     });
-    describe('with initial value for refdata with >4 options', function () {
-      var renderComponent;
-      beforeEach(function () {
+    describe('with initial value for refdata with >4 options', () => {
+      let renderComponent;
+      beforeEach(() => {
         renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
           initialValues: {
             test: {
@@ -282,9 +290,10 @@ describe('EditSettingValue', function () {
           })
         }));
       });
-      test('renders the expected refdata options', function () {
-        var _renderComponent9 = renderComponent,
-          getByRole = _renderComponent9.getByRole;
+      test('renders the expected refdata options', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('option', {
           name: 'Test refdata value'
         }));
@@ -304,19 +313,20 @@ describe('EditSettingValue', function () {
           name: 'Final refdata value'
         }));
       });
-      test('renders the expected value in the refdata dropdown', function () {
-        var _renderComponent10 = renderComponent,
-          getByRole = _renderComponent10.getByRole;
+      test('renders the expected value in the refdata dropdown', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('Test refdata value');
       });
     });
   });
-  describe('edit template setting', function () {
-    describe('with no initial value', function () {
-      var renderComponent;
-      beforeEach(function () {
+  describe('edit template setting', () => {
+    describe('with no initial value', () => {
+      let renderComponent;
+      beforeEach(() => {
         renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -329,16 +339,18 @@ describe('EditSettingValue', function () {
           })
         }));
       });
-      test('renders the edit field', function () {
-        var _renderComponent11 = renderComponent,
-          getByRole = _renderComponent11.getByRole;
+      test('renders the edit field', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         }));
       });
-      test('renders the expected template options', function () {
-        var _renderComponent12 = renderComponent,
-          getByRole = _renderComponent12.getByRole;
+      test('renders the expected template options', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('option', {
           name: ''
         })); // empty option
@@ -349,17 +361,18 @@ describe('EditSettingValue', function () {
           name: 'Red herring template'
         }));
       });
-      test('renders expected display item in template dropdown', function () {
-        var _renderComponent13 = renderComponent,
-          getByRole = _renderComponent13.getByRole;
+      test('renders expected display item in template dropdown', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('');
       });
     });
-    describe('with initial value', function () {
-      var renderComponent;
-      beforeEach(function () {
+    describe('with initial value', () => {
+      let renderComponent;
+      beforeEach(() => {
         renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
           initialValues: {
             test: {
@@ -376,16 +389,18 @@ describe('EditSettingValue', function () {
           })
         }));
       });
-      test('renders the edit field', function () {
-        var _renderComponent14 = renderComponent,
-          getByRole = _renderComponent14.getByRole;
+      test('renders the edit field', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         }));
       });
-      test('renders the expected template options', function () {
-        var _renderComponent15 = renderComponent,
-          getByRole = _renderComponent15.getByRole;
+      test('renders the expected template options', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('option', {
           name: ''
         })); // empty option
@@ -396,9 +411,10 @@ describe('EditSettingValue', function () {
           name: 'Red herring template'
         }));
       });
-      test('renders expected display item in template dropdown', function () {
-        var _renderComponent16 = renderComponent,
-          getByRole = _renderComponent16.getByRole;
+      test('renders expected display item in template dropdown', () => {
+        const {
+          getByRole
+        } = renderComponent;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('Test template');

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

@@ -7,38 +7,34 @@ exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var RenderSettingValue = function RenderSettingValue(props) {
-  var setting = props.currentSetting,
-    passedIntlKey = props.intlKey,
-    passedIntlNS = props.intlNS,
-    _props$labelOverrides = props.labelOverrides,
-    labelOverrides = _props$labelOverrides === void 0 ? {} : _props$labelOverrides,
-    refdata = props.refdata,
-    templates = props.templates;
-  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  var NoCurrentValue = kintIntl.formatKintMessage({
+const RenderSettingValue = props => {
+  const {
+    currentSetting: setting,
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    labelOverrides = {},
+    refdata,
+    // TODO ... can we get away without passing these in now, using useRefdata?
+    templates // TODO ... can we get away without passing these in now, using useTemplates?
+  } = props;
+  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  const NoCurrentValue = kintIntl.formatKintMessage({
     id: 'settings.noCurrentValue',
-    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noCurrentValue
+    overrideValue: labelOverrides?.noCurrentValue
   });
-  var defaultText = "[".concat(kintIntl.formatKintMessage({
+  const defaultText = `[${kintIntl.formatKintMessage({
     id: 'settings.default',
-    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.default
-  }), "]");
+    overrideValue: labelOverrides?.default
+  })}]`;
   switch (setting.settingType) {
     case 'Refdata':
       {
         if (setting.value) {
-          var _refdata$filter$0$lab, _refdata$filter$;
-          return (_refdata$filter$0$lab = refdata === null || refdata === void 0 ? void 0 : (_refdata$filter$ = refdata.filter(function (obj) {
-            return obj.value === setting.value;
-          })[0]) === null || _refdata$filter$ === void 0 ? void 0 : _refdata$filter$.label) !== null && _refdata$filter$0$lab !== void 0 ? _refdata$filter$0$lab : null;
+          return refdata?.filter(obj => obj.value === setting.value)[0]?.label ?? null;
         }
         if (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);
+          const defValue = refdata?.filter(obj => obj.value === setting.defValue)[0]?.label;
+          return `${defaultText} ${defValue}`;
         }
         return NoCurrentValue;
       }
@@ -48,17 +44,17 @@ var RenderSettingValue = function RenderSettingValue(props) {
           return '********';
         }
         if (setting.defValue) {
-          return "".concat(defaultText, " ********");
+          return `${defaultText} ********`;
         }
         return NoCurrentValue;
       }
     case 'Template':
       {
-        var templateValue = templates.filter(function (obj) {
-          var settingId = setting.value || setting.defValue;
+        const templateValue = templates.filter(obj => {
+          const settingId = setting.value || setting.defValue;
           return obj.id === settingId;
         })[0];
-        return (templateValue === null || templateValue === void 0 ? void 0 : templateValue.name) || NoCurrentValue;
+        return templateValue?.name || NoCurrentValue;
       }
     default:
       {
@@ -66,7 +62,7 @@ var RenderSettingValue = function RenderSettingValue(props) {
           return setting.value;
         }
         if (setting.defValue) {
-          return "".concat(defaultText, " ").concat(setting.defValue);
+          return `${defaultText} ${setting.defValue}`;
         }
         return NoCurrentValue;
       }
@@ -80,5 +76,4 @@ RenderSettingValue.propTypes = {
   refdata: _propTypes.default.arrayOf(_propTypes.default.object),
   templates: _propTypes.default.arrayOf(_propTypes.default.object)
 };
-var _default = RenderSettingValue;
-exports.default = _default;
+var _default = exports.default = RenderSettingValue;