@configuratorware/configurator-admingui 1.27.3-beta.1 → 1.27.3-beta.5

package/Components/Translations.js

@@ -0,0 +1,89 @@
+"use strict";
+
+require("../App/i18n").use({
+  en: {
+    twoSideSelect: {
+      allOptionsAdded: 'All choices are added',
+      loadingOptions: 'Loading choices...'
+    },
+    image: {
+      brokenImgText: 'No image'
+    },
+    orderList: {
+      changeOrderButtonText: 'Change order'
+    },
+    pagination: {
+      labelDisplayedRows: '%{from}-%{to} of %{count}',
+      labelRowsPerPage: 'Rows per page:'
+    },
+    confirmationModal: {
+      titleSingle: 'Do you really want to delete the selected entry?',
+      titleMultiple: 'Do you really want to delete the selected entries?',
+      "delete": 'Delete',
+      cancel: 'Cancel'
+    },
+    list: {
+      columnVisibilityInfo: 'hide/show columns',
+      deleteEntriesInfo: 'delete selected entries',
+      deleteEntriesHint: 'Use the checkboxes to select one or more entries in the list<br>and then click this icon to delete them.'
+    },
+    detailView: {
+      close: 'Close Editor'
+    }
+  },
+  de: {
+    // LISTING AND EDITING
+    Search: 'Suchen',
+    Save: 'Speichern',
+    'Save and stay': 'Speichern und bleiben',
+    'Loading entity data': 'Daten werden geladen',
+    'Loading data': 'Daten werden geladen',
+    'Listing failed due to the following error': 'Die Auflistung ist aufgrund des folgenden Fehlers fehlgeschlagen',
+    'Rows per page': 'Zeilen pro Seite',
+    of: 'von',
+    'Filter text': 'Filtertext',
+    Update: 'Aktualisieren',
+    // VALIDATIONS
+    'This value should not be blank[DOT]': 'Dieser Wert sollte nicht leer sein.',
+    // CONTROLS
+    Copy: 'Kopieren',
+    Paste: 'Einfügen',
+    Profile: 'Profil',
+    Logout: 'Abmelden',
+    'Change Password': 'Passwort ändern',
+    'Loading source data': 'Daten werden geladen',
+    Translations: 'Übersetzungen',
+    'Upload file': 'Datei hochladen',
+    'Delete file': 'Datei löschen',
+    'There are no records': 'Es gibt keine Einträge',
+    'start typing': 'Bitte Suchbegriff eingeben...',
+    twoSideSelect: {
+      allOptionsAdded: 'Alle Auswahlmöglichkeiten sind hinzugefügt',
+      loadingOptions: 'Auswahlmöglichkeiten werden geladen...'
+    },
+    image: {
+      brokenImgText: 'kein Bild'
+    },
+    orderList: {
+      changeOrderButtonText: 'Reihenfolge Ändern'
+    },
+    pagination: {
+      labelDisplayedRows: '%{from}-%{to} von %{count}',
+      labelRowsPerPage: 'Zeilen pro Seite:'
+    },
+    confirmationModal: {
+      titleSingle: 'Willst Du den gewählten Eintrag wirklich löschen?',
+      titleMultiple: 'Willst Du die gewählten Einträge wirklich löschen?',
+      "delete": 'Löschen',
+      cancel: 'Abbrechen'
+    },
+    list: {
+      columnVisibilityInfo: 'Spalten ein- oder ausblenden',
+      deleteEntriesInfo: 'Gewählte Einträge löschen',
+      deleteEntriesHint: 'Nutze die Checkboxen in der Liste und klicke dann dieses Icon,<br>um einen oder mehrere Einträge zu löschen.'
+    },
+    detailView: {
+      close: 'Editor schließen'
+    }
+  }
+}, true);

package/Components/ValidatorCallbackProvider.js

@@ -0,0 +1,102 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withValidatorCallbackContext = exports["default"] = exports.ValidatorCallbackProvider = exports.ValidatorCallbackContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var ValidatorCallbackContext = /*#__PURE__*/_react["default"].createContext({});
+
+exports.ValidatorCallbackContext = ValidatorCallbackContext;
+
+var ValidatorCallbackProvider = function ValidatorCallbackProvider(_ref) {
+  var onValidated = _ref.onValidated,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      validatorStack = _useState2[0],
+      setValidatorStack = _useState2[1];
+
+  var context = (0, _react.useMemo)(function () {
+    return {
+      addValidator: function addValidator(callback) {
+        setValidatorStack(function (validatorStack) {
+          return [].concat(_toConsumableArray(validatorStack), [callback]);
+        });
+      },
+      removeValidator: function removeValidator(callback) {
+        setValidatorStack(function (validatorStack) {
+          return validatorStack.filter(function (c) {
+            return c !== callback;
+          });
+        });
+      },
+      validateAll: function validateAll() {
+        // run all the registered validators
+        validatorStack.reduce(function (res, c) {
+          return c() && res;
+        }, true) && onValidated();
+      }
+    };
+  }, [onValidated, validatorStack]);
+  return /*#__PURE__*/_react["default"].createElement(ValidatorCallbackContext.Provider, {
+    value: context
+  }, children(context));
+};
+
+exports.ValidatorCallbackProvider = ValidatorCallbackProvider;
+ValidatorCallbackProvider.propTypes = {
+  onValidated: _propTypes["default"].func.isRequired,
+  children: _propTypes["default"].func.isRequired
+};
+var _default = ValidatorCallbackProvider; // HOC to provide the value of ValidatorCallbackContext to the wrapped component
+// (made for class components, for functional ones use React.useContext)
+
+exports["default"] = _default;
+
+var withValidatorCallbackContext = function withValidatorCallbackContext(Component) {
+  return function (props) {
+    return /*#__PURE__*/_react["default"].createElement(ValidatorCallbackContext.Consumer, null, function (validatorCallbackContext) {
+      return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, props, {
+        validatorCallbackContext: validatorCallbackContext
+      }));
+    });
+  };
+};
+
+exports.withValidatorCallbackContext = withValidatorCallbackContext;

package/Components/VersionBadge.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography/Typography"));
+
+var _i18n = require("../App/i18n");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var styles = function styles() {
+  return {
+    root: {
+      backgroundColor: '#fff',
+      position: 'sticky',
+      bottom: 0,
+      padding: 10
+    }
+  };
+};
+
+var VersionBadge = function VersionBadge(_ref) {
+  var classes = _ref.classes,
+      version = _ref.version;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.root
+  }, version && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "body2",
+    align: "center"
+  }, (0, _i18n.t)('softwareUpdates.currentVersion', {
+    version: version
+  })));
+};
+
+var _default = (0, _withStyles["default"])(styles)(VersionBadge);
+
+exports["default"] = _default;

package/Components/VersionUpdateChip.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _reactRouter = require("react-router");
+
+var _i18n = require("../App/i18n");
+
+var _UpdateIcon = _interopRequireDefault(require("../UIComponents/icons/UpdateIcon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var styles = function styles() {
+  return {
+    root: {
+      marginTop: 'auto',
+      paddingLeft: 15
+    }
+  };
+};
+
+var VersionUpdateChip = function VersionUpdateChip(_ref) {
+  var classes = _ref.classes,
+      latestReleasedVersion = _ref.latestReleasedVersion;
+
+  var onChipClicked = function onChipClicked() {
+    _reactRouter.browserHistory.push(window.basePath + '/softwareupdates');
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.root
+  }, /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
+    avatar: /*#__PURE__*/_react["default"].createElement(_UpdateIcon["default"], null),
+    onClick: onChipClicked,
+    label: (0, _i18n.t)('softwareUpdates.newVersionAvailable', {
+      latestReleasedVersion: latestReleasedVersion
+    })
+  }));
+};
+
+var _default = (0, _withStyles["default"])(styles)(VersionUpdateChip);
+
+exports["default"] = _default;

package/Components/withLoadAction.js

@@ -0,0 +1,41 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withLoadAction = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _excluded = ["loadAction"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var withLoadAction = function withLoadAction(Component, loadAction) {
+  var WithLoadAction = function WithLoadAction(_ref) {
+    var loadAction = _ref.loadAction,
+        props = _objectWithoutProperties(_ref, _excluded);
+
+    (0, _react.useEffect)(function () {
+      loadAction();
+    }, []);
+    return /*#__PURE__*/_react["default"].createElement(Component, props);
+  };
+
+  var mapDispatchToProps = {
+    loadAction: loadAction
+  };
+  return (0, _reactRedux.connect)(null, mapDispatchToProps)(WithLoadAction);
+};
+
+exports.withLoadAction = withLoadAction;

package/Components/withTranslationFinder.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = withTranslationFinder;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _find = _interopRequireDefault(require("lodash/find"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 mapStateToProps = function mapStateToProps(_ref) {
+  var i18n = _ref.i18n;
+  return {
+    language: i18n.locale.replace('-', '_')
+  };
+};
+
+function withTranslationFinder(Component) {
+  return (0, _reactRedux.connect)(mapStateToProps)(function (props) {
+    var language = props.language;
+
+    var findTranslation = function findTranslation(data, defaultValue) {
+      var property = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'translation';
+      return (0, _get["default"])((0, _find["default"])(data, {
+        language: language
+      }), property, defaultValue);
+    };
+
+    return /*#__PURE__*/_react["default"].createElement(Component, _objectSpread({
+      language: language,
+      findTranslation: findTranslation
+    }, props));
+  });
+}

package/README.md

@@ -1,10 +1,9 @@
 # configurator-admingui
 
-## Setup for Development
-1. Install NodeJs `> 8.x`
-1. `npm install` - when using NodeJs `>= 13.x`: `npm install --legacy-peer-deps`
-1. `npm start`
+## Setup for development
+1. Follow the "preparation", "install" and "start development" steps in frontend/README.md
+1. Open the core app in the browser: http://localhost:3000
 
 ## Ready to build the artifacts
-1. `npm install` - when using NodeJs `>= 13.x`: `npm install --legacy-peer-deps`
-1. `npm run build`
+- run `pnpm build` from project scope (does not build workspace dependencies automatically)
+- or run `pnpm build` from workspace root

package/Screens/ApiKeys/Containers/Edit.js

@@ -0,0 +1,162 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _connect = _interopRequireDefault(require("react-redux/es/connect/connect"));
+
+var _Actions = require("../Reducers/Actions");
+
+var _lodash = require("lodash");
+
+var _i18n = require("../../../App/i18n");
+
+var _DefaultConnectedForm = _interopRequireDefault(require("../../../Components/DefaultConnectedForm"));
+
+var _Text = _interopRequireDefault(require("../../../Components/FormFragments/Text"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button/Button"));
+
+var _Api = _interopRequireDefault(require("../../../App/Api"));
+
+var _excluded = ["value", "api_user_id", "refreshList"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 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); }); }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var ConnectedTextField = function ConnectedTextField(_ref) {
+  var value = _ref.value,
+      api_user_id = _ref.api_user_id,
+      refreshList = _ref.refreshList,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      apiKey = _useState2[0],
+      setApiKey = _useState2[1];
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'inline-flex',
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Text["default"], _extends({}, props, {
+    readOnly: true,
+    value: apiKey
+  })), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var newUserData;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return apiUserKeyRefresh(api_user_id, apiKey);
+
+            case 2:
+              newUserData = _context.sent.data;
+              setApiKey(newUserData.api_key);
+              refreshList();
+
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))
+  }, (0, _i18n.T)('create new api key')));
+};
+
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    api_user_id: (0, _lodash.get)(state[_Actions.APIUSER_REDUCER_NAME], 'data.id.value')
+  };
+};
+
+var mapDispatchToProps = {
+  refreshList: _Actions.refreshListAction
+};
+var connectedTextField = (0, _connect["default"])(mapStateToProps, mapDispatchToProps)(ConnectedTextField);
+var formFields = [{
+  name: 'email',
+  label: 'E-mail',
+  type: 'text'
+}, {
+  name: 'username',
+  label: 'User name',
+  type: 'text'
+}, {
+  name: 'api_key',
+  label: 'apikey',
+  type: connectedTextField
+}];
+
+var apiUserKeyRefresh = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(id) {
+    var paramsKey, params;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            paramsKey = {
+              url: "/apiusers/".concat(id, "/refreshkey"),
+              method: 'get'
+            };
+            params = {
+              url: "/apiusers/".concat(id),
+              method: 'get'
+            };
+            _context2.next = 4;
+            return _Api["default"].request(paramsKey);
+
+          case 4:
+            return _context2.abrupt("return", _Api["default"].request(params));
+
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function apiUserKeyRefresh(_x) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
+var _default = (0, _DefaultConnectedForm["default"])(formFields, _Actions.APIUSER_REDUCER_NAME, _Actions.setFieldData, _Actions.postData);
+
+exports["default"] = _default;

package/Screens/ApiKeys/Containers/List.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Actions = require("../Reducers/Actions");
+
+var _DefaultConnectedList = _interopRequireDefault(require("../../../Components/DefaultConnectedList"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var columns = [{
+  name: 'email',
+  label: 'E-mail',
+  filterable: true,
+  sortable: true
+}, {
+  name: 'username',
+  label: 'User name',
+  filterable: true,
+  sortable: true
+}, {
+  name: 'api_key',
+  label: 'apikey',
+  filterable: true,
+  sortable: true
+}];
+var listParams = {
+  entity: 'apiusers',
+  addButtonLabel: 'apiKeys.addButtonlabel'
+};
+
+var _default = (0, _DefaultConnectedList["default"])(columns, listParams, _Actions.APIUSER_LIST_KEY, _Actions.listAction, _Actions.detailsAction, _Actions.hideDetails, _Actions.showDetails, _Actions.createEntity, _Actions.deleteEntities);
+
+exports["default"] = _default;

package/Screens/ApiKeys/Reducers/Actions.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.triggerUnsavedEntity = exports.showDetails = exports.setFieldData = exports.refreshListAction = exports.postData = exports.loadEntity = exports.listAction = exports.invalidateList = exports.hideDetails = exports.detailsAction = exports.deleteEntities = exports.createEntity = exports.APIUSER_REDUCER_NAME = exports.APIUSER_LIST_URL = exports.APIUSER_LIST_KEY = exports.APIUSER_DATA_KEY = void 0;
+
+var _Actions = require("../../../App/Reducers/Entity/Actions");
+
+var APIUSER_LIST_KEY = 'apiusers';
+exports.APIUSER_LIST_KEY = APIUSER_LIST_KEY;
+var APIUSER_LIST_URL = 'apiusers';
+exports.APIUSER_LIST_URL = APIUSER_LIST_URL;
+var APIUSER_DATA_KEY = 'apiuser';
+exports.APIUSER_DATA_KEY = APIUSER_DATA_KEY;
+var APIUSER_REDUCER_NAME = 'apiUserData';
+exports.APIUSER_REDUCER_NAME = APIUSER_REDUCER_NAME;
+
+var _generateDefaultActio = (0, _Actions.generateDefaultActions)(APIUSER_LIST_KEY, APIUSER_DATA_KEY, APIUSER_REDUCER_NAME, APIUSER_LIST_URL),
+    listAction = _generateDefaultActio.listAction,
+    refreshListAction = _generateDefaultActio.refreshListAction,
+    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,
+    loadEntity = _generateDefaultActio.loadEntity;
+
+exports.loadEntity = loadEntity;
+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.refreshListAction = refreshListAction;
+exports.listAction = listAction;