educoreapp2 1.0.65 → 1.0.66

package/dist/spxbasecode/cmps/BaseAutocomplete.js

@@ -4,45 +4,81 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+require("bootstrap/dist/css/bootstrap.min.css");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class BaseAutocomplete extends _react.default.Component {
+class BaseAutocomplete extends _react.Component {
   constructor(props) {
     super(props);
+    _defineProperty(this, "fetchSuggestions", inputValue => {
+      if (inputValue.length > 2) {
+        this.setState({
+          loading: true
+        });
+        const list = this.props.list;
+        const filteredList = list.filter(item => item.name.toLowerCase().includes(inputValue.toLowerCase()));
+        this.setState({
+          suggestions: filteredList,
+          loading: false
+        });
+      }
+    });
     _defineProperty(this, "handleInputChange", event => {
-      const value = event.target.value;
-      const suggestions = this.props.options.filter(option => option.toLowerCase().startsWith(value.toLowerCase()));
       this.setState({
-        searchText: value,
-        suggestions: suggestions
+        inputValue: event.target.value
       });
     });
-    _defineProperty(this, "handleSuggestionClick", option => {
+    _defineProperty(this, "handleSuggestionClick", id => {
+      const selectedSuggestion = this.state.suggestions.find(s => s.id === id);
       this.setState({
-        searchText: option,
+        inputValue: selectedSuggestion.name,
         suggestions: []
       });
     });
     this.state = {
-      searchText: '',
-      suggestions: []
+      inputValue: '',
+      suggestions: [],
+      loading: false
     };
   }
+  componentDidMount() {
+    this.fetchSuggestions(this.state.inputValue);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    if (prevProps.list !== this.props.list || prevState.inputValue !== this.state.inputValue) {
+      this.fetchSuggestions(this.state.inputValue);
+    }
+  }
   render() {
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
+    const {
+      inputValue,
+      suggestions,
+      loading
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Group, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Control, {
       type: "text",
-      value: this.state.searchText,
+      className: "form-control",
+      placeholder: "Search...",
+      value: inputValue,
       onChange: this.handleInputChange,
-      placeholder: "Wpisz trzy litery..."
-    }), this.state.suggestions.length > 0 && /*#__PURE__*/_react.default.createElement("ul", {
-      className: "suggestions"
-    }, this.state.suggestions.map((suggestion, index) => /*#__PURE__*/_react.default.createElement("li", {
-      key: index,
-      onClick: () => this.handleSuggestionClick(suggestion)
-    }, suggestion))));
+      disabled: loading
+    }), loading ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "spinner-border spinner-border-sm mr-2",
+      role: "status"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "sr-only"
+    }, "Loading...")) : /*#__PURE__*/_react.default.createElement("div", {
+      className: "autocomplete-suggestions"
+    }, suggestions.map(suggestion => /*#__PURE__*/_react.default.createElement("div", {
+      key: suggestion.id,
+      onClick: () => this.handleSuggestionClick(suggestion.id),
+      className: "suggestion"
+    }, suggestion.name))));
   }
 }
 var _default = exports.default = BaseAutocomplete;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "educoreapp2",
   "private": false,
-  "version": "1.0.65",
+  "version": "1.0.66",
   "description": "",
   "main": "dist/index.js",
   "files": [