@configuratorware/configurator-admingui 1.28.0-beta.1 → 1.28.1

package/Screens/Item/Components/Variants/VariantsAutocomplete.js

@@ -1,418 +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["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _AutoComplete = _interopRequireDefault(require("../../../../UIComponents/AutoComplete"));
-
-var _Api = _interopRequireDefault(require("../../../../App/Api"));
-
-var _IconButton = _interopRequireDefault(require("../../../../UIComponents/IconButton"));
-
-var _AddCircleOutlineIcon = _interopRequireDefault(require("../../../../UIComponents/icons/AddCircleOutlineIcon"));
-
-var _withTranslationFinder = _interopRequireDefault(require("../../../../Components/withTranslationFinder"));
-
-var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
-
-var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
-
-var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
-
-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 _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 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 _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 styles = {
-  inputRoot: {
-    flexWrap: 'nowrap',
-    minWidth: 100
-  },
-  inputInput: {
-    width: '100%'
-  },
-  paper: {
-    left: 'auto'
-  }
-};
-
-var VariantsAutocomplete = /*#__PURE__*/function (_Component) {
-  _inherits(VariantsAutocomplete, _Component);
-
-  var _super = _createSuper(VariantsAutocomplete);
-
-  // store if selection happened since the last focus event
-  // this helps to identify the case when a "late selection" has to be performed
-  function VariantsAutocomplete(props) {
-    var _this;
-
-    _classCallCheck(this, VariantsAutocomplete);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "itemSelectionHappened", false);
-
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (item) {
-      var _this$props = _this.props,
-          variantId = _this$props.variantId,
-          groupId = _this$props.groupId,
-          onChange = _this$props.onChange;
-
-      if (item === null) {
-        return;
-      }
-
-      onChange(variantId, groupId, item);
-      _this.itemSelectionHappened = true;
-
-      _this.downshiftRef.current.closeMenu();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleAddClick", function () {
-      var _this$props2 = _this.props,
-          variantId = _this$props2.variantId,
-          groupId = _this$props2.groupId,
-          onAddClick = _this$props2.onAddClick;
-      onAddClick(variantId, groupId);
-      _this.itemSelectionHappened = true;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleAddMouseDown", function (e) {
-      e.preventDefault();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onInputValueChange", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(searchText) {
-        var requestParams, response;
-        return regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!(typeof searchText === 'undefined')) {
-                  _context.next = 3;
-                  break;
-                }
-
-                if (!_this.itemSelectionHappened) {
-                  _this.handleChange(null);
-
-                  _this.setState({
-                    searchText: ''
-                  });
-                }
-
-                return _context.abrupt("return");
-
-              case 3:
-                _this.setState({
-                  searchText: searchText
-                });
-
-                requestParams = {
-                  url: 'groupentries',
-                  params: {
-                    query: searchText.trim()
-                  }
-                };
-                _context.prev = 5;
-
-                _this.api.cancel();
-
-                _context.next = 9;
-                return _this.api.request(requestParams);
-
-              case 9:
-                response = _context.sent;
-
-                _this.setState({
-                  dataSource: response.data.data
-                });
-
-                _context.next = 15;
-                break;
-
-              case 13:
-                _context.prev = 13;
-                _context.t0 = _context["catch"](5);
-
-              case 15:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[5, 13]]);
-      }));
-
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-
-    _defineProperty(_assertThisInitialized(_this), "onBlur", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var _this$state, searchText, dataSource, dataSourceMatches, requestParams, response, list;
-
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _this.setState({
-                addButtonVisible: false
-              });
-
-              _this.downshiftRef.current.closeMenu();
-
-              _this$state = _this.state, searchText = _this$state.searchText, dataSource = _this$state.dataSource;
-
-              if (!(!_this.itemSelectionHappened && searchText && searchText !== _this.props.searchText)) {
-                _context2.next = 25;
-                break;
-              }
-
-              // try to find it in the dataSource first (it's already loaded while typing)
-              dataSourceMatches = dataSource.map(function (item) {
-                var translatedText = _this.props.findTranslation(item.translations, item.translation || item.identifier || '');
-
-                return [translatedText, item];
-              }).filter(function (_ref3) {
-                var _ref4 = _slicedToArray(_ref3, 1),
-                    translatedText = _ref4[0];
-
-                return translatedText.indexOf(searchText) === 0;
-              }).sort(function (_ref5, _ref6) {
-                var _ref7 = _slicedToArray(_ref5, 1),
-                    text1 = _ref7[0];
-
-                var _ref8 = _slicedToArray(_ref6, 1),
-                    text2 = _ref8[0];
-
-                return text1.length - text2.length;
-              }) // eslint-disable-next-line no-unused-vars
-              .map(function (_ref9) {
-                var _ref10 = _slicedToArray(_ref9, 2),
-                    text = _ref10[0],
-                    item = _ref10[1];
-
-                return item;
-              });
-
-              if (!dataSourceMatches.length) {
-                _context2.next = 8;
-                break;
-              }
-
-              _this.handleChange(dataSourceMatches[0]);
-
-              return _context2.abrupt("return");
-
-            case 8:
-              // try to find a match with a new request
-              requestParams = {
-                url: 'groupentries',
-                params: {
-                  query: searchText.trim()
-                }
-              };
-
-              _this.setState({
-                isLoading: true
-              });
-
-              _context2.prev = 10;
-
-              _this.api.cancel();
-
-              _context2.next = 14;
-              return _this.api.request(requestParams);
-
-            case 14:
-              response = _context2.sent;
-              list = response.data.data;
-
-              if (!(list.length > 0)) {
-                _context2.next = 19;
-                break;
-              }
-
-              _this.handleChange(list[0]);
-
-              return _context2.abrupt("return");
-
-            case 19:
-              _context2.prev = 19;
-
-              _this.setState({
-                isLoading: false
-              });
-
-              return _context2.finish(19);
-
-            case 22:
-              _this.handleChange(null);
-
-              _context2.next = 26;
-              break;
-
-            case 25:
-              if (!searchText) {
-                _this.setState({
-                  searchText: _this.props.searchText
-                });
-              }
-
-            case 26:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[10,, 19, 22]]);
-    })));
-
-    _defineProperty(_assertThisInitialized(_this), "onFocus", function () {
-      _this.setState({
-        addButtonVisible: true
-      });
-
-      _this.itemSelectionHappened = false;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "downshiftRef", /*#__PURE__*/_react["default"].createRef());
-
-    _this.state = {
-      searchText: _this.props.searchText,
-      dataSource: [],
-      addButtonVisible: false,
-      isLoading: false
-    }; // create a new api object for every instance making the requests cancellable separately
-
-    _this.api = _Api["default"].create();
-    return _this;
-  }
-
-  _createClass(VariantsAutocomplete, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var searchText = this.props.searchText;
-      var isLoading = this.state.isLoading;
-
-      if (searchText !== prevProps.searchText || !isLoading && prevState.isLoading) {
-        this.setState({
-          searchText: searchText
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$state2 = this.state,
-          searchText = _this$state2.searchText,
-          dataSource = _this$state2.dataSource,
-          addButtonVisible = _this$state2.addButtonVisible,
-          isLoading = _this$state2.isLoading;
-      var _this$props3 = this.props,
-          error = _this$props3.error,
-          classes = _this$props3.classes;
-      var renderAddButton = error || addButtonVisible;
-      var dataSourceConfig = {
-        value: 'id',
-        text: function text(item) {
-          return !item || !item.identifier ? '' : _this2.props.findTranslation(item.translations, item.translation || item.identifier || '') + " (".concat(item.identifier, ")");
-        }
-      };
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
-        searchText: searchText,
-        dataSource: dataSource,
-        handleChange: this.handleChange,
-        onInputValueChange: this.onInputValueChange,
-        dataSourceConfig: dataSourceConfig,
-        onBlur: this.onBlur,
-        onFocus: this.onFocus,
-        maxSearchResults: 5,
-        filter: _AutoComplete["default"].defaultFilter,
-        disableUnderline: true,
-        error: error,
-        downshiftRef: this.downshiftRef,
-        classes: {
-          inputRoot: classes.inputRoot,
-          inputInput: classes.inputInput,
-          paper: classes.paper
-        },
-        startAdornment: isLoading && /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
-          position: "start"
-        }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
-          size: 20
-        }))
-      }), renderAddButton && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        className: "form-input-addButton",
-        onClick: this.handleAddClick,
-        onMouseDown: this.handleAddMouseDown
-      }, /*#__PURE__*/_react["default"].createElement(_AddCircleOutlineIcon["default"], null)));
-    }
-  }]);
-
-  return VariantsAutocomplete;
-}(_react.Component);
-
-_defineProperty(VariantsAutocomplete, "propTypes", {
-  searchText: _propTypes["default"].string,
-  variantId: _propTypes["default"].number,
-  groupId: _propTypes["default"].number,
-  onChange: _propTypes["default"].func,
-  onAddClick: _propTypes["default"].func,
-  findTranslation: _propTypes["default"].func,
-  error: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].bool]),
-  classes: _propTypes["default"].object
-});
-
-var _default = (0, _withTranslationFinder["default"])((0, _withStyles["default"])(styles)(VariantsAutocomplete));
-
-exports["default"] = _default;