@configuratorware/configurator-admingui 1.28.3 → 1.29.1

package/Screens/User/Reducers/Actions.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.invalidateList = exports.triggerUnsavedEntity = exports.deleteEntities = exports.createEntity = exports.postData = exports.setFieldData = exports.detailsAction = exports.hideDetails = exports.showDetails = exports.listAction = exports.USER_REDUCER_NAME = exports.USER_DATA_KEY = exports.USER_LIST_KEY = void 0;
+
+var _Actions = require("../../../App/Reducers/Entity/Actions");
+
+var USER_LIST_KEY = 'users';
+exports.USER_LIST_KEY = USER_LIST_KEY;
+var USER_DATA_KEY = 'user';
+exports.USER_DATA_KEY = USER_DATA_KEY;
+var USER_REDUCER_NAME = 'userData';
+exports.USER_REDUCER_NAME = USER_REDUCER_NAME;
+
+var _generateDefaultActio = (0, _Actions.generateDefaultActions)(USER_LIST_KEY, USER_DATA_KEY, USER_REDUCER_NAME, 'users'),
+    listAction = _generateDefaultActio.listAction,
+    showDetails = _generateDefaultActio.showDetails,
+    hideDetails = _generateDefaultActio.hideDetails,
+    detailsAction = _generateDefaultActio.detailsAction,
+    setFieldData = _generateDefaultActio.setFieldData,
+    postData = _generateDefaultActio.postData,
+    createEntity = _generateDefaultActio.createEntity,
+    deleteEntities = _generateDefaultActio.deleteEntities,
+    triggerUnsavedEntity = _generateDefaultActio.triggerUnsavedEntity,
+    invalidateList = _generateDefaultActio.invalidateList;
+/*
+export const listAction = (params) => dispatch => {
+    dispatch(showUserDetails(false));
+    dispatchFetchData(dispatch)(USER_LIST_KEY, 'users');
+}
+
+export const detailsAction = (params) => dispatch => {
+    dispatchFetchData(dispatch)(USER_DATA_KEY, 'users/'+params.id);
+    dispatch(showUserDetails(true));
+}
+
+export const showDetails = (showDetails) => ({
+    type: SHOW_DETAILS,
+    key: USER_DATA_KEY,
+    showDetails
+})
+
+export const SET_USER_DATA = 'SET_USER_DATA';
+export const setData = (field, value) => ({
+    type: SET_USER_DATA,
+    field,
+    value
+})
+*/
+
+
+exports.invalidateList = invalidateList;
+exports.triggerUnsavedEntity = triggerUnsavedEntity;
+exports.deleteEntities = deleteEntities;
+exports.createEntity = createEntity;
+exports.postData = postData;
+exports.setFieldData = setFieldData;
+exports.detailsAction = detailsAction;
+exports.hideDetails = hideDetails;
+exports.showDetails = showDetails;
+exports.listAction = listAction;

package/Screens/User/Reducers/Reducer.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.userData = void 0;
+
+var _Actions = require("./Actions");
+
+var _Reducer = require("../../../App/Reducers/Entity/Reducer");
+
+var _FeatureReducers = require("../../../App/FeatureReducers");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var initialState = _objectSpread({}, (0, _Reducer.getDefaultEntityState)({
+  id: null,
+  firstname: {
+    value: '',
+    constraints: {
+      presence: true
+    }
+  },
+  lastname: {
+    value: '',
+    constraints: {
+      presence: true
+    }
+  },
+  username: {
+    value: '',
+    constraints: {
+      presence: true
+    }
+  },
+  email: {
+    value: '',
+    constraints: {
+      presence: true,
+      email: true
+    }
+  },
+  password: {
+    value: null
+  },
+  active: {
+    value: false
+  },
+  roles: []
+}, null, _Actions.USER_DATA_KEY));
+
+var userData = (0, _FeatureReducers.createFeatureReducer)(_Actions.USER_REDUCER_NAME, function () {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  return (0, _Reducer.defaultEntityReducer)(state, action, initialState);
+});
+exports.userData = userData;
+var _default = userData;
+exports["default"] = _default;

package/Screens/User/Screen.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Actions = require("./Reducers/Actions");
+
+var _List = _interopRequireDefault(require("./Containers/List"));
+
+var _Edit = _interopRequireDefault(require("./Containers/Edit"));
+
+require("./Styles.scss");
+
+require("./Translations");
+
+var _DefaultConnectedScreen = require("../../Components/DefaultConnectedScreen");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = (0, _DefaultConnectedScreen.generateConnectedSplitScreen)('User', _List["default"], _Edit["default"], _Actions.USER_REDUCER_NAME, _Actions.invalidateList, _Actions.triggerUnsavedEntity, _Actions.hideDetails);
+
+exports["default"] = _default;

package/Screens/User/Styles.scss

@@ -0,0 +1,3 @@
+.user {
+  font-family: monospace;
+}

package/Screens/User/Translations.js

@@ -0,0 +1,22 @@
+"use strict";
+
+require("../../App/i18n").use({
+  en: {
+    user_list: {
+      addButtonLabel: 'Add User'
+    }
+  },
+  de: {
+    User: 'Benutzer',
+    'First name': 'Vorname',
+    'Last name': 'Nachname',
+    'User name': 'Benutzername',
+    'E-mail': 'E-mail',
+    Password: 'Passwort',
+    Active: 'Aktiv',
+    isDefault: 'Standard',
+    user_list: {
+      addButtonLabel: 'Benutzer hinzufügen'
+    }
+  }
+}, true);

package/Screens/User/__tests/UserScreen.js

@@ -0,0 +1,406 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+var _enzyme = require("enzyme");
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Api = require("../../../App/Api");
+
+var _TestHelpers = require("../../../App/TestHelpers");
+
+var _Screen = _interopRequireDefault(require("../Screen"));
+
+var _GeneralFragments = require("../../../Components/GeneralFragments");
+
+var _List = _interopRequireDefault(require("../Containers/List"));
+
+var _List2 = _interopRequireWildcard(require("../../../Components/List"));
+
+var _Table = require("material-ui/Table");
+
+var _Form = _interopRequireWildcard(require("../../../Components/Form"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+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 _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; }
+
+// Use the mappings instead of real API calls
+_Api.ApiSimulator.init(); // Request mapping for listing items
+
+
+_Api.ApiSimulator.addRequestMapping({
+  config: {
+    url: 'users',
+    params: {
+      offset: 0,
+      limit: 10,
+      _language: 'en_GB'
+    }
+  },
+  response: {
+    data: {
+      metadata: {
+        totalcount: '2'
+      },
+      data: [{
+        id: 1,
+        username: 'admin',
+        firstname: null,
+        lastname: null,
+        email: 'admin@redhotmagma.de',
+        password: null,
+        active: null,
+        roles: [{
+          id: 1,
+          name: 'admin'
+        }]
+      }, {
+        id: 2,
+        username: 'test',
+        firstname: 'tester',
+        lastname: 'test',
+        email: 'test@redhotmagma.de',
+        password: null,
+        active: null,
+        roles: []
+      }]
+    }
+  }
+}); // Request mapping for adding new item
+
+
+var addItemRequest = {
+  config: {
+    url: 'users',
+    method: 'post',
+    data: {
+      id: null,
+      firstname: 'John',
+      lastname: 'Doe',
+      username: 'JD',
+      email: 'doe@redhotmagma.de',
+      password: 'jd000',
+      roles: [],
+      active: false
+    }
+  },
+  response: {
+    data: {
+      id: 3,
+      firstname: 'John',
+      lastname: 'Doe',
+      username: 'JD',
+      email: 'doe@redhotmagma.de',
+      password: 'jd000',
+      roles: [],
+      active: false
+    }
+  }
+};
+
+_Api.ApiSimulator.addRequestMapping(addItemRequest); // Request mapping for getting an item
+
+
+var getItemRequest = {
+  config: 'users/1',
+  response: {
+    data: {
+      id: 1,
+      username: 'einstein',
+      firstname: 'Albert',
+      lastname: 'Einstein',
+      email: 'relativity@redhotmagma.de',
+      password: 'e=mc^2',
+      active: true,
+      roles: [{
+        id: 1,
+        name: 'admin'
+      }]
+    }
+  }
+};
+
+_Api.ApiSimulator.addRequestMapping(getItemRequest); // Request mapping for getting roles
+
+
+var getRolesRequest = {
+  config: 'roles',
+  response: {
+    data: {
+      metadata: {
+        totalcount: '1'
+      },
+      data: [{
+        id: 1,
+        name: 'admin',
+        role: 'ROLE_ADMIN',
+        credentials: [{
+          id: 1,
+          area: 'users',
+          identifier: 'access'
+        }, {
+          id: 2,
+          area: 'credentials',
+          identifier: 'access'
+        }, {
+          id: 3,
+          area: 'roles',
+          identifier: 'access'
+        }]
+      }]
+    }
+  }
+};
+
+_Api.ApiSimulator.addRequestMapping(getRolesRequest);
+
+var updateItemRequest = {
+  config: {
+    url: 'users',
+    method: 'post',
+    data: {
+      id: 1,
+      username: '',
+      firstname: '',
+      lastname: '',
+      email: 'invalidemail',
+      password: '',
+      roles: [],
+      active: true
+    }
+  },
+  response: {
+    data: {
+      errors: [{
+        property: 'username',
+        invalidvalue: '',
+        message: 'This value should not be blank.'
+      }, {
+        property: 'firstname',
+        invalidvalue: '',
+        message: 'This value should not be blank.'
+      }, {
+        property: 'lastname',
+        invalidvalue: '',
+        message: 'This value should not be blank.'
+      }, {
+        property: 'email',
+        invalidvalue: '',
+        message: 'This value should not be blank.'
+      }],
+      success: false,
+      code: 'validation_error'
+    }
+  },
+  error: true
+};
+
+_Api.ApiSimulator.addRequestMapping(updateItemRequest);
+
+var ConnectedScreen = (0, _TestHelpers.initConnectedComponent)(_Screen["default"]);
+// Header columns to be shown
+var expectedHeaderColumns = ['', // checkbox
+'First name', 'Last name', 'User name', 'E-mail']; // Expected data in the list (rows[columns[]])
+
+var expectedListData = [['', '', '', 'admin', 'admin@redhotmagma.de'], ['', 'tester', 'test', 'test', 'test@redhotmagma.de']]; // Expected inputs with IDs
+
+var expectedFormInputs = {
+  firstname: 'text',
+  lastname: 'text',
+  username: 'text',
+  email: 'text',
+  password: 'password',
+  active: 'toggle',
+  roles: 'dynSource'
+}; // Input values for add new item
+
+var inputValues = _lodash["default"].omit(addItemRequest.config.data, 'id'); // Input values for update item
+
+
+var inputValuesUpdate = _lodash["default"].omit(updateItemRequest.config.data, 'id');
+
+var inputValuesUpdateErrors = [{
+  property: 'username',
+  message: "can't be blank"
+}, {
+  property: 'firstname',
+  message: "can't be blank"
+}, {
+  property: 'lastname',
+  message: "can't be blank"
+}, {
+  property: 'email',
+  message: 'is not a valid email'
+}];
+describe('User / Screen', function () {
+  var wrapper = null;
+  it('INTEGRATION - renders the headline and the list', function () {
+    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(ConnectedScreen, null));
+    expect(wrapper.find(_GeneralFragments.Headline).length).toBe(1);
+    expect(wrapper.find(_List["default"]).length).toBe(1);
+  });
+  it('INTEGRATION - mounts the List Component by default', function (done) {
+    (0, _TestHelpers.waitFor)(function () {
+      return wrapper.find(_List2["default"]).length === 1;
+    }, done);
+  });
+  it('INTEGRATION - loads the correct list of users', function () {
+    var cols = wrapper.find(_Table.TableHeaderColumn);
+    expect(cols.length).toBe(expectedHeaderColumns.length);
+    cols.forEach(function (elem, idx) {
+      expect(elem.text()).toBe(expectedHeaderColumns[idx]);
+    });
+    var rows = wrapper.find(_Table.TableBody).find(_Table.TableRow);
+    rows.forEach(function (row, ridx) {
+      var cols = row.find(_Table.TableRowColumn);
+      cols.forEach(function (col, cidx) {
+        expect(col.text()).toBe(expectedListData[ridx][cidx]);
+      });
+    });
+  });
+  it('INTEGRATION - renders the Add Item button', function () {
+    var addItemButton = wrapper.find(_List2.AddItemButton).find('button');
+    expect(addItemButton.length).toBe(1);
+    addItemButton.simulate('click');
+  });
+  it('INTEGRATION - mounts the Edit Component', function (done) {
+    (0, _TestHelpers.waitFor)(function () {
+      return wrapper.find(_Form["default"]).length === 1;
+    }, done);
+  });
+  it('INTEGRATION - renders the correct user form', function () {
+    var inputs = wrapper.find(_Form["default"]).find('.form-input-wrapper');
+    var inputIDs = Object.keys(expectedFormInputs);
+    expect(inputs.length).toBe(inputIDs.length);
+    inputs.forEach(function (input, idx) {
+      expect(input.getDOMNode().id).toBe(inputIDs[idx]);
+      expect(input.find((0, _Form.getInputComponentByType)(expectedFormInputs[inputIDs[idx]])).length).toBe(1);
+    });
+  });
+  it('INTEGRATION - fills the user form and sets the state in the Reducer', function () {
+    for (var prop in inputValues) {
+      var input = wrapper.find(_Form["default"]).find('.form-input-wrapper#' + prop).find((0, _Form.getInputComponentByType)(expectedFormInputs[prop]));
+      expect(input.length).toBe(1);
+      input.prop('onChange')(prop, inputValues[prop]);
+    }
+
+    var _store$getState = _TestHelpers.store.getState(),
+        userData = _store$getState.userData;
+
+    for (var _prop in inputValues) {
+      expect(userData.data[_prop].value).toBe(inputValues[_prop]);
+    }
+  });
+  it('INTEGRATION - renders the Save button, calls the post request on click', function () {
+    spyOn(_Api.ApiSimulator, 'request').and.callThrough();
+
+    _Api.ApiSimulator.init();
+
+    var save = wrapper.find('#submit button');
+    expect(save.length).toBe(1);
+    save.simulate('click');
+    expect(_Api.ApiSimulator.request.calls.count()).toBe(1);
+    expect(_Api.ApiSimulator.request.calls.argsFor(0)[0]).toEqual(addItemRequest.config);
+  });
+  it('INTEGRATION - hides the Edit component after save', function (done) {
+    (0, _TestHelpers.waitFor)(function () {
+      return wrapper.find(_Form["default"]).length === 0;
+    }, done);
+  });
+  it('INTEGRATION - select an item and send the request for it', function (done) {
+    spyOn(_Api.ApiSimulator, 'request').and.callThrough();
+
+    _Api.ApiSimulator.init();
+
+    var checkbox = wrapper.find(_Table.TableBody).find(_Table.TableRow).find('input[type="checkbox"]');
+    expect(checkbox.length).toBe(2);
+    checkbox.first().simulate('click');
+    (0, _TestHelpers.waitFor)(function () {
+      return _Api.ApiSimulator.request.calls.count() === 1;
+    }, function () {
+      expect(_Api.ApiSimulator.request.calls.argsFor(0)[0]).toEqual(getItemRequest.config);
+      done();
+    });
+  });
+  it('INTEGRATION - shows the Edit component after loading the item', function (done) {
+    (0, _TestHelpers.waitFor)(function () {
+      return wrapper.find(_Form["default"]).length === 1;
+    }, done);
+  });
+  it('INTEGRATION - loads the details of the selected item', function () {
+    var inputs = wrapper.find(_Form["default"]).find('.form-input-wrapper');
+    var inputIDs = Object.keys(expectedFormInputs);
+    expect(inputs.length).toBe(inputIDs.length);
+    inputs.forEach(function (input, idx) {
+      var prop = inputIDs[idx];
+      expect(input.childAt(0).prop('value')).toBe(getItemRequest.response.data[prop]);
+    });
+  });
+  it('INTEGRATION - updates the user data and sets the state in the Reducer', function () {
+    for (var prop in inputValuesUpdate) {
+      var input = wrapper.find(_Form["default"]).find('.form-input-wrapper#' + prop).find((0, _Form.getInputComponentByType)(expectedFormInputs[prop]));
+      expect(input.length).toBe(1);
+      input.prop('onChange')(prop, inputValuesUpdate[prop]);
+    }
+
+    var _store$getState2 = _TestHelpers.store.getState(),
+        userData = _store$getState2.userData;
+
+    for (var _prop2 in inputValuesUpdate) {
+      expect(userData.data[_prop2].value).toBe(inputValuesUpdate[_prop2]);
+    }
+  });
+  it('INTEGRATION - renders the Save button, does NOT call the post request on click', function () {
+    spyOn(_Api.ApiSimulator, 'request').and.callThrough();
+
+    _Api.ApiSimulator.init();
+
+    var save = wrapper.find('#submit button');
+    expect(save.length).toBe(1);
+    save.simulate('click');
+    expect(_Api.ApiSimulator.request.calls.count()).toBe(0);
+  });
+  it('INTEGRATION - marks data as invalid', function (done) {
+    (0, _TestHelpers.waitFor)(function () {
+      var _store$getState3 = _TestHelpers.store.getState(),
+          userData = _store$getState3.userData;
+
+      return userData.isInvalidData === true;
+    }, done);
+  });
+  it('INTEGRATION - shows the validation errors', function () {
+    var inputs = wrapper.find(_Form["default"]).find('.form-input-wrapper');
+
+    var _iterator = _createForOfIteratorHelper(inputValuesUpdateErrors),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var e = _step.value;
+        var input = inputs.filter({
+          id: e.property
+        });
+        expect(input.length).toBe(1); // there must be a field for the wrong property value
+        // which must has the error prop set correctly
+
+        expect(input.childAt(0).prop('error').props.value).toBe(e.message);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  });
+});

package/Screens/User/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Screen = _interopRequireDefault(require("./Screen"));
+
+var _Reducer = _interopRequireDefault(require("./Reducers/Reducer"));
+
+var _FeatureReducers = require("../../App/FeatureReducers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+(0, _FeatureReducers.addReducers)(_Reducer["default"]);
+var _default = {
+  Screen: _Screen["default"]
+};
+exports["default"] = _default;