@k-int/stripes-kint-components 5.0.0 → 5.1.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 }; }
-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'
@@ -28,7 +28,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'
@@ -53,32 +53,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, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -90,17 +90,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, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {
             test: {
@@ -116,9 +117,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');
@@ -128,10 +130,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, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -144,9 +146,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'
         }));
@@ -157,9 +160,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');
@@ -171,9 +175,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, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {
             test: {
@@ -190,9 +194,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'
         }));
@@ -203,9 +208,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');
@@ -217,9 +223,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, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -232,16 +238,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'
         }));
@@ -262,9 +270,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, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {
             test: {
@@ -281,9 +289,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'
         }));
@@ -303,19 +312,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, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {},
           onSubmit: onSubmit,
@@ -328,16 +338,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
@@ -348,17 +360,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, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
           initialValues: {
             test: {
@@ -375,16 +388,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
@@ -395,9 +410,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,20 +7,22 @@ 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
   });
-  var defaultText = "[".concat(kintIntl.formatKintMessage({
+  const defaultText = "[".concat(kintIntl.formatKintMessage({
     id: 'settings.default',
     overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.default
   }), "]");
@@ -29,15 +31,11 @@ var RenderSettingValue = function RenderSettingValue(props) {
       {
         if (setting.value) {
           var _refdata$filter$0$lab, _refdata$filter$;
-          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;
+          return (_refdata$filter$0$lab = refdata === null || refdata === 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;
         }
         if (setting.defValue) {
           var _refdata$filter$2;
-          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;
+          const defValue = refdata === null || refdata === 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;
           return "".concat(defaultText, " ").concat(defValue);
         }
         return NoCurrentValue;
@@ -54,8 +52,8 @@ var RenderSettingValue = function RenderSettingValue(props) {
       }
     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;
@@ -80,5 +78,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;