@k-int/stripes-kint-components 4.7.1 → 5.0.0

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

@@ -6,16 +6,16 @@ var _EditSettingValue = _interopRequireDefault(require("./EditSettingValue"));
 var _helpers = require("../../../../test/jest/helpers");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const onSubmit = jest.fn();
+var onSubmit = jest.fn();
 jest.mock('../../hooks');
-const stringSetting = {
+var stringSetting = {
   id: '12345',
   key: 'testSettingKey',
   section: 'testSettingSection',
   settingType: 'String',
   value: 'diku-shared'
 };
-const refdata = [{
+var refdata = [{
   id: '123',
   value: 'test_refdata_value',
   label: 'Test refdata value'
@@ -28,7 +28,7 @@ const refdata = [{
   value: 'final_refdata_value',
   label: 'Final refdata value'
 }];
-const moreRefdata = [{
+var moreRefdata = [{
   id: '123',
   value: 'test_refdata_value',
   label: 'Test refdata value'
@@ -53,32 +53,32 @@ const moreRefdata = [{
   value: 'final_refdata_value',
   label: 'Final refdata value'
 }];
-const refdataSetting = {
+var refdataSetting = {
   id: '12345',
   key: 'testSettingKey',
   section: 'testSettingSection',
   settingType: 'Refdata',
   value: 'test_refdata_value'
 };
-const templates = [{
+var templates = [{
   id: 'abcde',
   name: 'Test template'
 }, {
   id: '98765',
   name: 'Red herring template'
 }];
-const templateSetting = {
+var templateSetting = {
   id: '12345',
   key: 'testSettingKey',
   section: 'testSettingSection',
   settingType: 'Template',
   value: 'abcde'
 };
-describe('EditSettingValue', () => {
-  describe('edit string setting', () => {
-    describe('with no initial value', () => {
-      let renderComponent;
-      beforeEach(() => {
+describe('EditSettingValue', function () {
+  describe('edit string setting', function () {
+    describe('with no initial value', function () {
+      var renderComponent;
+      beforeEach(function () {
         renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -90,18 +90,17 @@ describe('EditSettingValue', () => {
           })
         }));
       });
-      test('renders the edit field', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the edit field', function () {
+        var _renderComponent = renderComponent,
+          getByRole = _renderComponent.getByRole;
         expect(getByRole('textbox', {
           name: 'Value for setting testSettingKey'
         }));
       });
     });
-    describe('with initial value', () => {
-      let renderComponent;
-      beforeEach(() => {
+    describe('with initial value', function () {
+      var renderComponent;
+      beforeEach(function () {
         renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {
             test: {
@@ -117,10 +116,9 @@ describe('EditSettingValue', () => {
           })
         }));
       });
-      test('renders the expected value in the edit field', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the expected value in the edit field', function () {
+        var _renderComponent2 = renderComponent,
+          getByRole = _renderComponent2.getByRole;
         expect(getByRole('textbox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('diku-shared');
@@ -130,10 +128,10 @@ describe('EditSettingValue', () => {
 
   // NOTE -- Password textbox works weirdly so isn't tested here
 
-  describe('edit refdata setting', () => {
-    describe('with no initial value for refdata with <4 options', () => {
-      let renderComponent;
-      beforeEach(() => {
+  describe('edit refdata setting', function () {
+    describe('with no initial value for refdata with <4 options', function () {
+      var renderComponent;
+      beforeEach(function () {
         renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -146,10 +144,9 @@ describe('EditSettingValue', () => {
           })
         }));
       });
-      test('renders the expected radio buttons', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the expected radio buttons', function () {
+        var _renderComponent3 = renderComponent,
+          getByRole = _renderComponent3.getByRole;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         }));
@@ -160,10 +157,9 @@ describe('EditSettingValue', () => {
           name: 'Final refdata value'
         }));
       });
-      test('no radio buttons are checked', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('no radio buttons are checked', function () {
+        var _renderComponent4 = renderComponent,
+          getByRole = _renderComponent4.getByRole;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         })).not.toHaveAttribute('checked');
@@ -175,9 +171,9 @@ describe('EditSettingValue', () => {
         })).not.toHaveAttribute('checked');
       });
     });
-    describe('with initial value for refdata with <4 options', () => {
-      let renderComponent;
-      beforeEach(() => {
+    describe('with initial value for refdata with <4 options', function () {
+      var renderComponent;
+      beforeEach(function () {
         renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {
             test: {
@@ -194,10 +190,9 @@ describe('EditSettingValue', () => {
           })
         }));
       });
-      test('renders the expected radio buttons', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the expected radio buttons', function () {
+        var _renderComponent5 = renderComponent,
+          getByRole = _renderComponent5.getByRole;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         }));
@@ -208,10 +203,9 @@ describe('EditSettingValue', () => {
           name: 'Final refdata value'
         }));
       });
-      test('the correct radio button is checked', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('the correct radio button is checked', function () {
+        var _renderComponent6 = renderComponent,
+          getByRole = _renderComponent6.getByRole;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         })).toHaveAttribute('checked');
@@ -223,9 +217,9 @@ describe('EditSettingValue', () => {
         })).not.toHaveAttribute('checked');
       });
     });
-    describe('with no initial value for refdata with >4 options', () => {
-      let renderComponent;
-      beforeEach(() => {
+    describe('with no initial value for refdata with >4 options', function () {
+      var renderComponent;
+      beforeEach(function () {
         renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -238,18 +232,16 @@ describe('EditSettingValue', () => {
           })
         }));
       });
-      test('renders the expected select field', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the expected select field', function () {
+        var _renderComponent7 = renderComponent,
+          getByRole = _renderComponent7.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         }));
       });
-      test('renders the expected refdata options', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the expected refdata options', function () {
+        var _renderComponent8 = renderComponent,
+          getByRole = _renderComponent8.getByRole;
         expect(getByRole('option', {
           name: 'Test refdata value'
         }));
@@ -270,9 +262,9 @@ describe('EditSettingValue', () => {
         }));
       });
     });
-    describe('with initial value for refdata with >4 options', () => {
-      let renderComponent;
-      beforeEach(() => {
+    describe('with initial value for refdata with >4 options', function () {
+      var renderComponent;
+      beforeEach(function () {
         renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {
             test: {
@@ -289,10 +281,9 @@ describe('EditSettingValue', () => {
           })
         }));
       });
-      test('renders the expected refdata options', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the expected refdata options', function () {
+        var _renderComponent9 = renderComponent,
+          getByRole = _renderComponent9.getByRole;
         expect(getByRole('option', {
           name: 'Test refdata value'
         }));
@@ -312,20 +303,19 @@ describe('EditSettingValue', () => {
           name: 'Final refdata value'
         }));
       });
-      test('renders the expected value in the refdata dropdown', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the expected value in the refdata dropdown', function () {
+        var _renderComponent10 = renderComponent,
+          getByRole = _renderComponent10.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('Test refdata value');
       });
     });
   });
-  describe('edit template setting', () => {
-    describe('with no initial value', () => {
-      let renderComponent;
-      beforeEach(() => {
+  describe('edit template setting', function () {
+    describe('with no initial value', function () {
+      var renderComponent;
+      beforeEach(function () {
         renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -338,18 +328,16 @@ describe('EditSettingValue', () => {
           })
         }));
       });
-      test('renders the edit field', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the edit field', function () {
+        var _renderComponent11 = renderComponent,
+          getByRole = _renderComponent11.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         }));
       });
-      test('renders the expected template options', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the expected template options', function () {
+        var _renderComponent12 = renderComponent,
+          getByRole = _renderComponent12.getByRole;
         expect(getByRole('option', {
           name: ''
         })); // empty option
@@ -360,18 +348,17 @@ describe('EditSettingValue', () => {
           name: 'Red herring template'
         }));
       });
-      test('renders expected display item in template dropdown', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders expected display item in template dropdown', function () {
+        var _renderComponent13 = renderComponent,
+          getByRole = _renderComponent13.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('');
       });
     });
-    describe('with initial value', () => {
-      let renderComponent;
-      beforeEach(() => {
+    describe('with initial value', function () {
+      var renderComponent;
+      beforeEach(function () {
         renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {
             test: {
@@ -388,18 +375,16 @@ describe('EditSettingValue', () => {
           })
         }));
       });
-      test('renders the edit field', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the edit field', function () {
+        var _renderComponent14 = renderComponent,
+          getByRole = _renderComponent14.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         }));
       });
-      test('renders the expected template options', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders the expected template options', function () {
+        var _renderComponent15 = renderComponent,
+          getByRole = _renderComponent15.getByRole;
         expect(getByRole('option', {
           name: ''
         })); // empty option
@@ -410,10 +395,9 @@ describe('EditSettingValue', () => {
           name: 'Red herring template'
         }));
       });
-      test('renders expected display item in template dropdown', () => {
-        const {
-          getByRole
-        } = renderComponent;
+      test('renders expected display item in template dropdown', function () {
+        var _renderComponent16 = renderComponent,
+          getByRole = _renderComponent16.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('Test template');

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

@@ -7,22 +7,20 @@ exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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({
+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({
     id: 'settings.noCurrentValue',
     overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noCurrentValue
   });
-  const defaultText = "[".concat(kintIntl.formatKintMessage({
+  var defaultText = "[".concat(kintIntl.formatKintMessage({
     id: 'settings.default',
     overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.default
   }), "]");
@@ -31,11 +29,15 @@ const RenderSettingValue = props => {
       {
         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(obj => 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$0$lab = refdata === null || refdata === 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;
         }
         if (setting.defValue) {
           var _refdata$filter$2;
-          const defValue = refdata === null || refdata === void 0 ? void 0 : (_refdata$filter$2 = refdata.filter(obj => obj.value === setting.defValue)[0]) === null || _refdata$filter$2 === void 0 ? void 0 : _refdata$filter$2.label;
+          var defValue = refdata === null || refdata === 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;
@@ -52,8 +54,8 @@ const RenderSettingValue = props => {
       }
     case 'Template':
       {
-        const templateValue = templates.filter(obj => {
-          const settingId = setting.value || setting.defValue;
+        var templateValue = templates.filter(function (obj) {
+          var settingId = setting.value || setting.defValue;
           return obj.id === settingId;
         })[0];
         return (templateValue === null || templateValue === void 0 ? void 0 : templateValue.name) || NoCurrentValue;