@k-int/stripes-kint-components 1.6.0 → 1.7.1

package/es/lib/EditableSettingsList/EditableSettingsListFieldArray.test.js

@@ -1,52 +1,27 @@
 "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 _reactFinalFormArrays = require("react-final-form-arrays");
-
 var _EditableSettingsListFieldArray = _interopRequireDefault(require("./EditableSettingsListFieldArray"));
-
 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);
-})();
-
-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 onSubmit = jest.fn();
-jest.mock('./SettingField', function () {
-  return {
-    SettingField: function SettingField() {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: "SettingField"
-      });
-    }
-  };
-});
-var settings = [{
+const onSubmit = jest.fn();
+jest.mock('./SettingField', () => ({
+  SettingField: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: "SettingField"
+  })
+}));
+const settings = [{
   id: 'ff8081817d94374a017d94449a660049',
   key: 'S3BucketName',
   section: 'fileStorage',
   settingType: 'String',
   value: 'diku-shared'
 }];
-var multipleSettings = [{
+const multipleSettings = [{
   id: '2c91809c7da2041f017da20b99000045',
   vocab: 'FileStorageEngines',
   section: 'fileStorage',
@@ -66,116 +41,66 @@ var multipleSettings = [{
   settingType: 'String',
   key: 'S3AccessKey'
 }];
-describe('EditableSettingsListFieldArray', function () {
-  describe('with empty initial values', 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, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
-                initialValues: {},
-                onSubmit: onSubmit,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
-                  component: _EditableSettingsListFieldArray.default,
-                  name: "settings"
-                })
-              }));
-
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    it('renders empty field', function () {
-      var _renderComponent = renderComponent,
-          queryAllByTestId = _renderComponent.queryAllByTestId;
+describe('EditableSettingsListFieldArray', () => {
+  describe('with empty initial values', () => {
+    let renderComponent;
+    beforeEach(async () => {
+      renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+        initialValues: {},
+        onSubmit: onSubmit,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
+          component: _EditableSettingsListFieldArray.default,
+          name: "settings"
+        })
+      }));
+    });
+    it('renders empty field', () => {
+      const {
+        queryAllByTestId
+      } = renderComponent;
       expect(queryAllByTestId(/editableSettingsListFieldArray\[.*\]/).length).toEqual(0);
     });
   });
-  describe('with initial value set', 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, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
-                initialValues: {
-                  settings: settings
-                },
-                onSubmit: onSubmit,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
-                  component: _EditableSettingsListFieldArray.default,
-                  name: "settings"
-                })
-              }));
-
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    })));
-    it('renders the SettingField component', function () {
-      var _renderComponent2 = renderComponent,
-          getByText = _renderComponent2.getByText;
+  describe('with initial value set', () => {
+    let renderComponent;
+    beforeEach(async () => {
+      renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+        initialValues: {
+          settings
+        },
+        onSubmit: onSubmit,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
+          component: _EditableSettingsListFieldArray.default,
+          name: "settings"
+        })
+      }));
+    });
+    it('renders the SettingField component', () => {
+      const {
+        getByText
+      } = renderComponent;
       expect(getByText('SettingField')).toBeInTheDocument();
     });
   });
-  describe('with multiple initial values set', 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, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
-                initialValues: {
-                  settings: multipleSettings
-                },
-                onSubmit: onSubmit,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
-                  component: _EditableSettingsListFieldArray.default,
-                  name: "settings"
-                })
-              }));
-
-            case 1:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3);
-    })));
-    it('renders the correct number of SettingField components', function () {
-      var _renderComponent3 = renderComponent,
-          getAllByText = _renderComponent3.getAllByText;
+  describe('with multiple initial values set', () => {
+    let renderComponent;
+    beforeEach(async () => {
+      renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+        initialValues: {
+          settings: multipleSettings
+        },
+        onSubmit: onSubmit,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
+          component: _EditableSettingsListFieldArray.default,
+          name: "settings"
+        })
+      }));
+    });
+    it('renders the correct number of SettingField components', () => {
+      const {
+        getAllByText
+      } = renderComponent;
       expect(getAllByText('SettingField').length).toEqual(multipleSettings.length);
     });
   });
-});
-;
-
-(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/EditableSettingsListFieldArray.test.js");
-  reactHotLoader.register(settings, "settings", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/EditableSettingsListFieldArray.test.js");
-  reactHotLoader.register(multipleSettings, "multipleSettings", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/EditableSettingsListFieldArray.test.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+});

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

@@ -4,130 +4,83 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactIntl = require("react-intl");
-
 var _reactFinalForm = require("react-final-form");
-
 var _components = require("@folio/stripes/components");
-
 var _RefdataButtons = _interopRequireDefault(require("../../RefdataButtons"));
-
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var EditSettingValue = function EditSettingValue(props) {
-  var input = props.input,
-      setting = props.currentSetting,
-      refdata = props.refdata,
-      templates = props.templates;
-  var intl = (0, _reactIntl.useIntl)();
-  var fieldLabel = intl.formatMessage({
+const EditSettingValue = props => {
+  const {
+    input,
+    currentSetting: setting,
+    refdata,
+    templates
+  } = props;
+  const intl = (0, _reactIntl.useIntl)();
+  const fieldLabel = intl.formatMessage({
     id: 'stripes-kint-components.settings.valueFor',
     values: {
       name: setting.key
     }
   });
-
   switch (setting.settingType) {
     case 'Refdata':
       // Grab refdata values corresponding to setting
       // eslint-disable-next-line no-case-declarations
-      var RefdataComponent = _components.Select;
-
+      let RefdataComponent = _components.Select;
       if (refdata.length > 0 && refdata.length <= 4) {
         RefdataComponent = _RefdataButtons.default;
       }
-
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
         "aria-label": fieldLabel,
         component: RefdataComponent,
         dataOptions: refdata,
-        name: "".concat(input.name, ".value")
+        name: `${input.name}.value`
       });
-
     case 'Password':
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
         "aria-label": fieldLabel,
         autoFocus: true,
         component: _components.TextField,
-        name: "".concat(input.name, ".value"),
-        parse: function parse(v) {
-          return v;
-        } // Lets us send an empty string instead of 'undefined'
+        name: `${input.name}.value`,
+        parse: v => v // Lets us send an empty string instead of 'undefined'
         ,
         type: "password"
       });
-
     case 'Template':
       {
         // Grab refdata values corresponding to setting
         // eslint-disable-next-line no-case-declarations
-        var selectTemplateValues = [{
+        const selectTemplateValues = [{
           value: '',
           label: ''
-        }].concat(_toConsumableArray(templates.map(function (t) {
-          return {
-            value: t.id,
-            label: t.name
-          };
-        })));
+        }, ...templates.map(t => ({
+          value: t.id,
+          label: t.name
+        }))];
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
           "aria-label": fieldLabel,
           component: _components.Select,
           dataOptions: selectTemplateValues,
-          name: "".concat(input.name, ".value"),
-          parse: function parse(v) {
-            return v;
-          }
+          name: `${input.name}.value`,
+          parse: v => v
         });
       }
-
     default:
       // If in doubt, go with String
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
         "aria-label": fieldLabel,
         autoFocus: true,
         component: _components.TextField,
-        name: "".concat(input.name, ".value"),
-        parse: function parse(v) {
-          return v;
-        } // Lets us send an empty string instead of 'undefined'
-
+        name: `${input.name}.value`,
+        parse: v => v // Lets us send an empty string instead of 'undefined'
       });
   }
 };
 
-__signature__(EditSettingValue, "useIntl{intl}", function () {
-  return [_reactIntl.useIntl];
-});
-
 EditSettingValue.propTypes = {
   currentSetting: _propTypes.default.shape({
     settingType: _propTypes.default.string
@@ -141,25 +94,4 @@ EditSettingValue.propTypes = {
     id: _propTypes.default.string
   }))
 };
-var _default = EditSettingValue;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(EditSettingValue, "EditSettingValue", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/EditSettingValue.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/EditSettingValue.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+var _default = exports.default = EditSettingValue;