educoreapp2 1.0.64 → 1.0.66

package/dist/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "BaseAnimation", {
     return _BaseAnimation.default;
   }
 });
+Object.defineProperty(exports, "BaseAutocomplete", {
+  enumerable: true,
+  get: function () {
+    return _BaseAutocomplete.default;
+  }
+});
 Object.defineProperty(exports, "BaseButton", {
   enumerable: true,
   get: function () {
@@ -181,6 +187,7 @@ var _BaseAnimation = _interopRequireDefault(require("./spxbasecode/cmps/BaseAnim
 var _BaseButton = _interopRequireDefault(require("./spxbasecode/cmps/BaseButton"));
 var _BaseButtonIcon = _interopRequireDefault(require("./spxbasecode/cmps/BaseButtonIcon"));
 var _BaseButtonImage = _interopRequireDefault(require("./spxbasecode/cmps/BaseButtonImage"));
+var _BaseAutocomplete = _interopRequireDefault(require("./spxbasecode/cmps/BaseAutocomplete"));
 var _BaseCard = _interopRequireDefault(require("./spxbasecode/cmps/BaseCard"));
 var _BaseCenter = _interopRequireDefault(require("./spxbasecode/cmps/BaseCenter"));
 var _BaseError = _interopRequireDefault(require("./spxbasecode/cmps/BaseError"));

package/dist/spxbasecode/cmps/BaseAutocomplete.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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.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 => {
+      this.setState({
+        inputValue: event.target.value
+      });
+    });
+    _defineProperty(this, "handleSuggestionClick", id => {
+      const selectedSuggestion = this.state.suggestions.find(s => s.id === id);
+      this.setState({
+        inputValue: selectedSuggestion.name,
+        suggestions: []
+      });
+    });
+    this.state = {
+      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() {
+    const {
+      inputValue,
+      suggestions,
+      loading
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Group, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Control, {
+      type: "text",
+      className: "form-control",
+      placeholder: "Search...",
+      value: inputValue,
+      onChange: this.handleInputChange,
+      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.64",
+  "version": "1.0.66",
   "description": "",
   "main": "dist/index.js",
   "files": [