@configuratorware/configurator-admingui 1.28.4 → 1.29.0

package/Components/ModalContainer.js

@@ -0,0 +1,128 @@
+"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 = _interopRequireDefault(require("react"));
+
+var _Dialog = _interopRequireDefault(require("../UIComponents/Dialog"));
+
+var _GeneralFragments = require("./GeneralFragments");
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+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 ModalContainer = /*#__PURE__*/function (_React$Component) {
+  _inherits(ModalContainer, _React$Component);
+
+  var _super = _createSuper(ModalContainer);
+
+  function ModalContainer() {
+    var _this;
+
+    _classCallCheck(this, ModalContainer);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "setContainerRef", function (ref) {
+      if (ref && ref !== _this.container) {
+        _this._observer.observe(ref, {
+          childList: true,
+          subtree: true
+        });
+      } else if (!ref) {
+        _this._observer.disconnect();
+      }
+
+      _this.container = ref;
+    });
+
+    return _this;
+  }
+
+  _createClass(ModalContainer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      this._observer = new MutationObserver((0, _debounce["default"])(function () {
+        _this2.setState({
+          lastMutation: new Date()
+        });
+      }, 100));
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this._observer.disconnect();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var props = this.props;
+      var showDetails = props.showDetails,
+          listComponent = props.listComponent,
+          detailsComponent = props.detailsComponent,
+          headlineText = props.headlineText,
+          className = props.className,
+          actions = props.actions,
+          children = props.children,
+          classes = props.classes;
+      var containerClassName = 'overlay-container ' + className + (showDetails ? ' showDetails' : '');
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: containerClassName
+      }, /*#__PURE__*/_react["default"].createElement(_GeneralFragments.Headline, {
+        text: headlineText
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "list-wrapper"
+      }, listComponent), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+        modal: 'false',
+        open: showDetails,
+        scroll: 'body',
+        onClose: props.hideDetailsAction,
+        actions: actions,
+        className: containerClassName,
+        maxWidth: "lg",
+        classes: classes
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        ref: this.setContainerRef
+      }, detailsComponent)), children);
+    }
+  }]);
+
+  return ModalContainer;
+}(_react["default"].Component);
+
+var _default = ModalContainer;
+exports["default"] = _default;

package/Components/OrderList.js

@@ -0,0 +1,248 @@
+"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"] = exports.OrderList = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _i18n = require("../App/i18n");
+
+var _reactRedux = require("react-redux");
+
+var _reactSortableHoc = require("react-sortable-hoc");
+
+var orderListActions = _interopRequireWildcard(require("../App/Reducers/Common/OrderList/Actions"));
+
+var _RaisedButton = _interopRequireDefault(require("../UIComponents/RaisedButton"));
+
+var _FlatButton = _interopRequireDefault(require("../UIComponents/FlatButton"));
+
+var _Dialog = _interopRequireDefault(require("../UIComponents/Dialog"));
+
+var _ReorderIcon = _interopRequireDefault(require("../UIComponents/icons/ReorderIcon"));
+
+require("./Styles.scss");
+
+var _network = _interopRequireDefault(require("../App/Config/network"));
+
+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 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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+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 SortableItem = (0, _reactSortableHoc.SortableElement)(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("div", null, props.number, ". ", props.translated_title ? props.translated_title : props.name, props.identifier && props.identifier, props.thumbUrl && /*#__PURE__*/_react["default"].createElement("img", {
+    className: "sortlistThumb",
+    src: _network["default"].basePath + props.thumbUrl.replace(/^\//, '') + '?' + Math.random()
+  }));
+});
+var SortableList = (0, _reactSortableHoc.SortableContainer)(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: props.className
+  }, props.children);
+});
+
+var OrderList = /*#__PURE__*/function (_React$Component) {
+  _inherits(OrderList, _React$Component);
+
+  var _super = _createSuper(OrderList);
+
+  function OrderList() {
+    var _this;
+
+    _classCallCheck(this, OrderList);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      loading: false,
+      showDialog: false
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "cancel", function () {
+      return _this.setState({
+        showDialog: false
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onSortEnd", function (_ref) {
+      var oldIndex = _ref.oldIndex,
+          newIndex = _ref.newIndex;
+
+      _this.props.moveItem(oldIndex, newIndex);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "saveOrder", function () {
+      _this.props.saveList();
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "openDialog", function () {
+      _this.setState({
+        loading: false,
+        loaded: false,
+        showDialog: true
+      });
+
+      _this.loadList();
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "loadList", function () {
+      _this.setState({
+        loading: true,
+        loaded: false
+      });
+
+      var filters = {};
+
+      if (['designarea', 'designview'].indexOf(_this.props.entity) !== -1) {
+        filters["".concat(_this.props.entity, ".item.id")] = _this.props.itemId;
+      }
+
+      _this.props.loadList(_this.props.listUrl, _this.props.entity, _this.props.orderSequenceNumber, filters, _this.props.listField, _this.props.saveListUrl).then(function () {
+        _this.setState({
+          loading: false,
+          loaded: true
+        });
+      });
+    });
+
+    return _this;
+  }
+
+  _createClass(OrderList, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.saved && this.props.saved !== prevProps.saved) {
+        this.setState({
+          showDialog: false
+        });
+        this.props.onListSaved && this.props.onListSaved();
+      }
+    }
+  }, {
+    key: "renderOrderButton",
+    value: function renderOrderButton() {
+      return /*#__PURE__*/_react["default"].createElement(_RaisedButton["default"], {
+        className: "orderList-button",
+        label: (0, _i18n.T)('orderList.changeOrderButtonText'),
+        icon: /*#__PURE__*/_react["default"].createElement(_ReorderIcon["default"], null),
+        onClick: this.openDialog
+      });
+    }
+  }, {
+    key: "renderOrderList",
+    value: function renderOrderList() {
+      var list = this.props.list;
+      return /*#__PURE__*/_react["default"].createElement(SortableList, {
+        className: "orderList sortable",
+        onSortEnd: this.onSortEnd,
+        helperClass: "orderList-helper"
+      }, list && list.map(function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement(SortableItem, _extends({
+          key: index,
+          index: index
+        }, item, {
+          number: index + 1
+        }));
+      }));
+    }
+  }, {
+    key: "renderDialog",
+    value: function renderDialog() {
+      var actions = [/*#__PURE__*/_react["default"].createElement(_FlatButton["default"], {
+        label: (0, _i18n.T)('Save'),
+        key: "saveButton",
+        primary: true,
+        onClick: this.saveOrder
+      }), /*#__PURE__*/_react["default"].createElement(_FlatButton["default"], {
+        label: (0, _i18n.T)('Cancel'),
+        key: "cancelButton",
+        primary: false,
+        onClick: this.cancel
+      })];
+      var showDialog = this.state.showDialog;
+      return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+        title: (0, _i18n.T)('orderList.changeOrderButtonText'),
+        actions: actions,
+        modal: 'true',
+        open: showDialog,
+        bodyClassName: "orderList-dialogBody",
+        scroll: "paper"
+      }, this.state.loading && /*#__PURE__*/_react["default"].createElement("div", null, (0, _i18n.T)('Loading data'), "..."), this.state.loaded && this.renderOrderList());
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement("div", null, this.renderOrderButton(), this.renderDialog());
+    }
+  }]);
+
+  return OrderList;
+}(_react["default"].Component);
+
+exports.OrderList = OrderList;
+
+var mapStateToProps = function mapStateToProps(_ref2) {
+  var designerData = _ref2.designerData,
+      orderList = _ref2.orderList;
+  return _objectSpread({
+    itemId: (0, _get["default"])(designerData, 'data.id.value', null)
+  }, orderList);
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    loadList: function loadList(url, entity, orderSequenceNumber, filters, dataField, postUrl) {
+      return orderListActions.loadList(dispatch)(url, entity, orderSequenceNumber, filters, dataField, postUrl);
+    },
+    moveItem: function moveItem(oldIndex, newIndex) {
+      return dispatch(orderListActions.moveItem(oldIndex, newIndex));
+    },
+    saveList: function saveList() {
+      return dispatch(orderListActions.saveList());
+    }
+  };
+};
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(OrderList);
+
+exports["default"] = _default;

package/Components/OverlayContainer.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _GeneralFragments = require("./GeneralFragments");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var OverlayContainer = function OverlayContainer(props) {
+  var showDetails = props.showDetails,
+      listComponent = props.listComponent,
+      detailsComponent = props.detailsComponent,
+      headlineText = props.headlineText,
+      className = props.className,
+      children = props.children;
+  var containerClassName = 'overlay-container ' + className + (showDetails ? ' showDetails' : '');
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: containerClassName
+  }, /*#__PURE__*/_react["default"].createElement(_GeneralFragments.Headline, {
+    text: headlineText
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "list-wrapper"
+  }, listComponent), showDetails && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "details-wrapper"
+  }, detailsComponent), children);
+};
+
+var _default = OverlayContainer;
+exports["default"] = _default;

package/Components/Pagination.js

@@ -0,0 +1,175 @@
+"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 = _interopRequireDefault(require("react"));
+
+var _Pagination = _interopRequireDefault(require("../UIComponents/Pagination"));
+
+var _i18n = require("../App/i18n");
+
+var _excluded = ["rowsTotal", "currentPage", "rowsPerPage", "onPaginationChange"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _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; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+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 rowsPerPageOptions = [10, 20, 50, 100];
+
+var Pagination = /*#__PURE__*/function (_React$Component) {
+  _inherits(Pagination, _React$Component);
+
+  var _super = _createSuper(Pagination);
+
+  function Pagination(props) {
+    var _this;
+
+    _classCallCheck(this, Pagination);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "onPaginationChange", function (event, page) {
+      _this.extendState({
+        currentPage: page
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onRowsPerPageChange", function (event) {
+      var value = event.target.value;
+
+      _this.extendState({
+        rowsPerPage: value,
+        totalPages: Math.ceil(_this.props.rowsTotal / value),
+        currentPage: 0
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "extendState", function (newState) {
+      var state = Object.assign({}, _this.state, newState);
+      state.first = state.currentPage * state.rowsPerPage;
+      state.last = Math.min((state.currentPage + 1) * state.rowsPerPage, _this.props.rowsTotal);
+      state.count = state.last - state.first;
+
+      _this.setState(state);
+
+      _this.props.onPaginationChange(state);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getProps", function () {
+      // eslint-disable-next-line no-unused-vars
+      var _this$props = _this.props,
+          rowsTotal = _this$props.rowsTotal,
+          currentPage = _this$props.currentPage,
+          rowsPerPage = _this$props.rowsPerPage,
+          onPaginationChange = _this$props.onPaginationChange,
+          otherProps = _objectWithoutProperties(_this$props, _excluded);
+
+      return otherProps;
+    });
+
+    var rows = props.rowsPerPage || 20;
+    _this.state = {
+      currentPage: props.currentPage || 0,
+      rowsPerPage: rows,
+      totalPages: Math.ceil(props.rowsTotal / rows)
+    };
+    return _this;
+  }
+
+  _createClass(Pagination, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      if (this.state.currentPage !== this.props.currentPage) {
+        this.setState({
+          currentPage: this.props.currentPage
+        });
+      } else if (this.state.rowsPerPage !== this.props.rowsPerPage) {
+        this.setState({
+          rowsPerPage: this.props.rowsPerPage
+        });
+      }
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(props) {
+      var _this2 = this;
+
+      if (props.rowsTotal !== this.props.rowsTotal && props.rowsTotal !== 0) {
+        var totalPages = Math.ceil(props.rowsTotal / this.state.rowsPerPage);
+        var currentPage = Math.min(this.state.currentPage, totalPages - 1);
+        var triggerChange = totalPages < this.state.totalPages;
+
+        if (currentPage < totalPages) {
+          this.setState({
+            totalPages: totalPages,
+            currentPage: currentPage
+          }, function () {
+            triggerChange && _this2.onPaginationChange(null, currentPage);
+          });
+        }
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.props.rowsTotal < 1) {
+        return null;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_Pagination["default"], _extends({
+        rowsPerPageOptions: rowsPerPageOptions,
+        count: this.props.rowsTotal,
+        rowsPerPage: this.state.rowsPerPage,
+        page: this.state.currentPage,
+        onChangePage: this.onPaginationChange,
+        onChangeRowsPerPage: this.onRowsPerPageChange,
+        labelDisplayedRows: function labelDisplayedRows(_ref) {
+          var from = _ref.from,
+              to = _ref.to,
+              count = _ref.count;
+          return (0, _i18n.t)('pagination.labelDisplayedRows', {
+            from: from,
+            to: to,
+            count: count
+          });
+        },
+        labelRowsPerPage: (0, _i18n.t)('pagination.labelRowsPerPage')
+      }, this.getProps()));
+    }
+  }]);
+
+  return Pagination;
+}(_react["default"].Component);
+
+exports["default"] = Pagination;

package/Components/ProfileButton.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ConnectedProfileButton = exports.ProfileButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _i18n = require("../App/i18n");
+
+var _Actions = require("../Screens/Login/Reducers/Actions");
+
+var _IconMenu = _interopRequireDefault(require("../UIComponents/IconMenu"));
+
+var _MenuItem = _interopRequireDefault(require("../UIComponents/MenuItem"));
+
+var _AccountCircleIcon = _interopRequireDefault(require("../UIComponents/icons/AccountCircleIcon"));
+
+var _reactRouter = require("react-router");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var ProfileButton = function ProfileButton(props) {
+  var logout = props.logout,
+      changePassword = props.changePassword;
+  return /*#__PURE__*/_react["default"].createElement(_IconMenu["default"], {
+    buttonText: (0, _i18n.T)('Profile'),
+    iconComponent: _AccountCircleIcon["default"],
+    disablePortal: true
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    onClick: logout,
+    id: "logout"
+  }, (0, _i18n.T)('Logout')), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    onClick: changePassword,
+    id: "changePassoword"
+  }, (0, _i18n.T)('Change Password')));
+};
+
+exports.ProfileButton = ProfileButton;
+ProfileButton.muiName = 'FlatButton';
+
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    login: state[_Actions.LOGIN_REDUCER_NAME]
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    logout: function logout() {
+      return dispatch((0, _Actions.logout)());
+    },
+    changePassword: function changePassword() {
+      return _reactRouter.browserHistory.push(window.basePath + '/changepassword');
+    }
+  };
+};
+
+var ConnectedProfileButton = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ProfileButton);
+exports.ConnectedProfileButton = ConnectedProfileButton;
+var _default = ConnectedProfileButton;
+exports["default"] = _default;