@configuratorware/configurator-admingui 1.28.0-beta.3 → 1.28.3

package/Screens/Designer/Components/TemplateDefaultList.js

@@ -1,423 +0,0 @@
-"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.generateTemplateDefaultList = exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid/Grid"));
-
-var _List = _interopRequireDefault(require("../../../Components/List"));
-
-var _TemplateList = _interopRequireDefault(require("./TemplateList"));
-
-var _i18n = require("../../../App/i18n");
-
-var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress/CircularProgress"));
-
-var _IconButton = _interopRequireDefault(require("../../../UIComponents/IconButton"));
-
-var _ForwardIcon = _interopRequireDefault(require("../../../UIComponents/icons/ForwardIcon"));
-
-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 _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 listStyle = {
-  progress: {
-    position: 'absolute',
-    top: '50%',
-    margin: '-15px'
-  },
-  progressContainer: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: 1303,
-    background: 'lightgrey',
-    opacity: 0.5,
-    textAlign: 'center'
-  }
-};
-
-var TemplateDefaultList = /*#__PURE__*/function (_Component) {
-  _inherits(TemplateDefaultList, _Component);
-
-  var _super = _createSuper(TemplateDefaultList);
-
-  function TemplateDefaultList(props) {
-    var _this;
-
-    _classCallCheck(this, TemplateDefaultList);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "onRowSelection", function (selectedRows, event) {
-      _this.setState({
-        selectedRows: selectedRows
-      });
-
-      var inputType = event.target.type;
-
-      if (inputType === 'checkbox') {
-        return;
-      }
-
-      if (_lodash["default"].isArray(selectedRows) && selectedRows.length > 1 && _this.props.selected.length !== 1) {
-        return;
-      }
-
-      if (_lodash["default"].isArray(selectedRows) && selectedRows.length === 1) {
-        _this.props.loadDetails(_this.props.list.data[selectedRows[0]]);
-      } else if (_lodash["default"].isArray(selectedRows) && selectedRows.length > 1) {
-        _this.props.hideDetails(true
-        /* check if unsaved */
-        , true
-        /* do it silently */
-        );
-      } else {
-        _this.props.hideDetails();
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onItemSelection", function (selectedItems) {
-      _this.setState({
-        selectedItems: selectedItems
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "updateListParams", function (params) {
-      var listParams = _this.state.listParams;
-
-      _lodash["default"].merge(listParams, params);
-
-      _this.setState({
-        listParams: listParams
-      }, function () {
-        _this.props.loadList(_this.state.listParams);
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "removeListParams", function (params) {
-      var listParams = _this.state.listParams;
-
-      _this.setState({
-        listParams: _lodash["default"].omit(listParams, params)
-      }, function () {
-        _this.props.loadList(_this.state.listParams);
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onSearchChange", function (query) {
-      return query ? _this.updateListParams({
-        query: query
-      }) : _this.removeListParams('query');
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onPaginationChange", function (_ref) {
-      var first = _ref.first,
-          rowsPerPage = _ref.rowsPerPage;
-
-      _this.props.setActionConfig({
-        rowsPerPage: rowsPerPage
-      });
-
-      _this.updateListParams({
-        offset: first,
-        limit: rowsPerPage
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onFilterChange", function (column, value, filterKey) {
-      var entity = _this.props.listParams.entity;
-      var key = filterKey || "".concat(entity, ".").concat(column);
-
-      if (value && value.length > 0) {
-        _this.updateListParams({
-          filters: _defineProperty({}, key, value),
-          offset: 0
-        });
-      } else {
-        _this.removeListParams(["filters[\"".concat(key, "\"]")]);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onSortChange", function (column, dir, sortKey) {
-      var entity = _this.props.listParams.entity;
-
-      if (dir) {
-        _this.updateListParams({
-          orderby: sortKey || "".concat(entity, ".").concat(column),
-          orderdir: dir && dir.toUpperCase()
-        });
-      } else {
-        _this.removeListParams(['orderby', 'orderdir']);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onDeleteItems", function () {
-      var idsToDelete = _lodash["default"].isArray(_this.state.selectedRows) ? _this.state.selectedRows.map(function (row) {
-        return _this.props.list.data[row].id;
-      }) : _this.state.selectedRows === 'all' ? _this.props.list.data.map(function (e) {
-        return e.id;
-      }) : false;
-      idsToDelete && _lodash["default"].isFunction(_this.props.onDeleteItems) && _this.props.onDeleteItems(idsToDelete);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onShownColumnsChange", function (shownColumns) {
-      _this.props.setConfig({
-        shownColumns: shownColumns
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getAvailableItems", function () {
-      var _this$props = _this.props,
-          list = _this$props.list,
-          sourceItemId = _this$props.sourceItemId;
-      var movedItems = _this.state.movedItems;
-      var excludedIds = movedItems.map(function (item) {
-        return item.id;
-      });
-      excludedIds.push(sourceItemId);
-      return _lodash["default"].get(list, 'data', []).filter(function (item) {
-        return excludedIds.indexOf(item.id) === -1;
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onMoveItems", function () {
-      var _this$state = _this.state,
-          selectedRows = _this$state.selectedRows,
-          movedItems = _this$state.movedItems;
-
-      var data = _this.getAvailableItems();
-
-      var newItems = _lodash["default"].filter(data, function (item, index) {
-        return (selectedRows.indexOf(index) !== -1 || selectedRows === 'all') && !_lodash["default"].find(movedItems, {
-          id: item.id
-        });
-      });
-
-      _this.setState({
-        movedItems: movedItems.concat(newItems),
-        selectedRows: []
-      }, function () {
-        _this.onMovedItemsChange();
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onUnselectItem", function () {
-      var _this$state2 = _this.state,
-          movedItems = _this$state2.movedItems,
-          selectedItems = _this$state2.selectedItems;
-
-      var newItems = _lodash["default"].filter(movedItems, function (item, index) {
-        return selectedItems !== 'all' && selectedItems.indexOf(index) === -1;
-      });
-
-      _this.setState({
-        movedItems: newItems,
-        selectedItems: []
-      }, function () {
-        _this.onMovedItemsChange();
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onMovedItemsChange", function () {
-      var movedItemIds = _this.state.movedItems.map(function (item) {
-        return item.id;
-      });
-
-      _this.props.onMovedItemsChange(movedItemIds);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderMoveButton", function () {
-      return _this.state.selectedRows.length > 0 && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        onClick: function onClick() {
-          return _this.onMoveItems();
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_ForwardIcon["default"], null));
-    });
-
-    _this.state = {
-      selectedRows: [],
-      selectedItems: [],
-      listParams: {
-        offset: 0,
-        limit: props.actionConfig.rowsPerPage,
-        _language: props.locale.replace('-', '_')
-      },
-      movedItems: []
-    };
-    return _this;
-  }
-
-  _createClass(TemplateDefaultList, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setState({
-        selectedRows: [],
-        selectedItems: []
-      });
-      this.props.loadList(this.state.listParams);
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(props) {
-      if (props.clearSelection) {
-        this.setState({
-          selectedRows: []
-        });
-      }
-
-      if (props.setSelection) {
-        this.setState({
-          selectedRows: props.selected
-        });
-      } //if (props.selected && !_.isEqual(props.selected, this.props.selected))
-
-
-      if (props.locale !== this.props.locale) {
-        this.updateListParams({
-          _language: props.locale.replace('-', '_')
-        });
-      }
-
-      if (props.didInvalidate && props.didInvalidate !== this.props.didInvalidate) {
-        // reload list if invalidated
-        this.setState({
-          selectedRows: []
-        });
-        this.props.loadList(this.state.listParams);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          list = _this$props2.list,
-          columns = _this$props2.columns,
-          error = _this$props2.error,
-          selected = _this$props2.selected,
-          onAddItem = _this$props2.onAddItem,
-          config = _this$props2.config,
-          List = _this$props2.List;
-      var _this$state3 = this.state,
-          movedItems = _this$state3.movedItems,
-          selectedItems = _this$state3.selectedItems;
-      var data = this.getAvailableItems();
-      var total = +_lodash["default"].get(list, 'metadata.totalcount', data.length);
-      var shownColumns = config.shownColumns;
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        container: true,
-        justify: "space-between"
-      }, this.props.transferSuccess.beginTransfer && /*#__PURE__*/_react["default"].createElement("div", {
-        style: listStyle.progressContainer
-      }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
-        style: listStyle.progress
-      })), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12,
-        md: 5
-      }, /*#__PURE__*/_react["default"].createElement(List, {
-        data: data,
-        columns: columns,
-        shownColumns: shownColumns,
-        rowsTotal: data.length,
-        rowsPerPage: this.state.listParams.limit,
-        onRowSelection: this.onRowSelection,
-        selected: selected || this.state.selectedRows,
-        onAddItem: onAddItem,
-        onDeleteItems: this.props.onDeleteItems && this.onDeleteItems,
-        onSearchChange: this.onSearchChange,
-        onPaginationChange: this.onPaginationChange,
-        onFilterChange: this.onFilterChange,
-        onSortChange: this.onSortChange,
-        onShownColumnsChange: this.onShownColumnsChange,
-        showCheckboxes: !!this.props.onDeleteItems,
-        onMoveItems: this.onMoveItems
-      })), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        container: true,
-        alignItems: "center",
-        justify: "center",
-        md: 1
-      }, this.renderMoveButton()), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12,
-        md: 5
-      }, /*#__PURE__*/_react["default"].createElement(_TemplateList["default"], {
-        data: movedItems,
-        columns: columns,
-        shownColumns: shownColumns,
-        rowsTotal: movedItems.length,
-        rowsPerPage: this.state.listParams.limit,
-        onRowSelection: this.onItemSelection,
-        selected: selectedItems,
-        onAddItem: onAddItem,
-        onDeleteItems: this.onUnselectItem,
-        onSearchChange: this.onSearchChange,
-        onPaginationChange: this.onPaginationChange,
-        onFilterChange: this.onFilterChange,
-        onSortChange: this.onSortChange,
-        onShownColumnsChange: this.onShownColumnsChange,
-        showCheckboxes: !!this.props.onDeleteItems,
-        transferSuccess: this.props.transferSuccess
-      }))), error ? /*#__PURE__*/_react["default"].createElement("div", null, (0, _i18n.T)('Listing failed due to the following error'), ": ", error.message) : !list ? /*#__PURE__*/_react["default"].createElement("div", null, (0, _i18n.T)('Loading data'), "...") : !total && /*#__PURE__*/_react["default"].createElement("div", null, (0, _i18n.T)('There are no records')));
-    }
-  }]);
-
-  return TemplateDefaultList;
-}(_react.Component);
-
-exports["default"] = TemplateDefaultList;
-
-_defineProperty(TemplateDefaultList, "defaultProps", {
-  config: {},
-  List: _List["default"]
-});
-
-var generateTemplateDefaultList = function generateTemplateDefaultList() {
-  var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var listParams = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return function (props) {
-    return /*#__PURE__*/_react["default"].createElement(TemplateDefaultList, _extends({}, props, {
-      columns: columns,
-      listParams: listParams
-    }));
-  };
-};
-
-exports.generateTemplateDefaultList = generateTemplateDefaultList;