educoreapp2 1.0.77 → 1.0.78

package/dist/spxbasecode/WS.js

@@ -0,0 +1,71 @@
+"use strict";
+
+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 }; }
+class WS extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.props = props;
+    this.props.parent.ws = this;
+    this.state = {
+      messages: [],
+      ws: null
+    };
+    this.config = {
+      //WS_HOST_PROD:"wss://edupanel.pl:8080",
+      //WS_HOST_PROD:"wss://127.0.0.1:8080",
+      // WS_HOST_DEV:"ws://127.0.0.1:8080"
+    };
+    this.sendMessage = this.sendMessage.bind(this);
+  }
+  static IsProd() {
+    console.log(window.location.host);
+    return ["edupanel.pl"].indexOf(window.location.host) >= 0;
+  }
+  static IsDev() {
+    return true;
+  }
+  getHost() {
+    if (WS.IsProd()) {
+      return this.config.WS_HOST_PROD;
+    } else {
+      return this.config.WS_HOST_DEV;
+    }
+  }
+  componentDidMount() {
+    let newWs = null;
+    //    let newWs = new WebSocket(this.getHost()); 
+
+    newWs.onopen = () => {
+      console.log('Połączono z serwerem WebSocket');
+    };
+    newWs.onmessage = event => {
+      console.log("AAAeee", event, event.data);
+    };
+    newWs.onclose = () => {
+      console.log('Rozłączono z serwerem WebSocket');
+    };
+    this.setState({
+      ws: newWs
+    });
+  }
+  componentWillUnmount() {
+    if (this.state.ws) {
+      this.state.ws.close();
+    }
+  }
+  sendMessage(message) {
+    if (this.state.ws) {
+      let msg = JSON.stringify(message);
+      this.state.ws.send(msg);
+    }
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", null);
+  }
+}
+var _default = exports.default = WS;

package/dist/spxbasecode/cmps/BaseAnimation.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactTransitionGroup = require("react-transition-group");
+var _educoreapp = require("educoreapp2");
+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; }
+class BaseAnimation extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.props = props;
+    this.stopAnim = false;
+    this.state = {
+      currentComponentIndex: 0
+    };
+  }
+  componentDidMount() {
+    const {
+      components
+    } = this.props;
+    let time = components[0].time;
+    this.interval = setInterval(this.changeComponent, time);
+  }
+  componentWillUnmount() {
+    clearInterval(this.interval);
+  }
+  changeComponent = () => {
+    const {
+      currentComponentIndex
+    } = this.state;
+    const {
+      components
+    } = this.props;
+    const newIndex = (currentComponentIndex + 1) % components.length;
+    if (newIndex == 0 & _educoreapp.Tools.IsFunction(this.props.onEnd)) {
+      clearInterval(this.interval);
+      this.props.onEnd();
+      return;
+    }
+    this.setState({
+      currentComponentIndex: newIndex
+    });
+  };
+  render() {
+    const {
+      currentComponentIndex
+    } = this.state;
+    const {
+      components,
+      className
+    } = this.props;
+    const {
+      component: CurrentComponent,
+      time,
+      data
+    } = components[currentComponentIndex];
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        textAlign: "center"
+      },
+      className: className
+    }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
+      in: true,
+      appear: true,
+      timeout: time,
+      classNames: "fade"
+    }, /*#__PURE__*/_react.default.createElement(CurrentComponent, {
+      data: data
+    })));
+  }
+}
+var _default = exports.default = BaseAnimation;

package/dist/spxbasecode/cmps/BaseAutocomplete.js

@@ -0,0 +1,81 @@
+"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; }
+class BaseAutocomplete extends _react.Component {
+  constructor(props) {
+    super(props);
+    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);
+    }
+  }
+  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
+      });
+    }
+  };
+  handleInputChange = event => {
+    this.setState({
+      inputValue: event.target.value
+    });
+  };
+  handleSuggestionClick = id => {
+    const selectedSuggestion = this.state.suggestions.find(s => s.id === id);
+    this.setState({
+      inputValue: selectedSuggestion.name,
+      suggestions: []
+    });
+  };
+  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/dist/spxbasecode/cmps/BaseButton.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _educoreapp = require("educoreapp2");
+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; }
+class BaseButton extends _react.Component {
+  constructor(props) {
+    super();
+    this.state = {};
+    this.initFromProps(props);
+  }
+  initFromProps(props) {
+    if (_educoreapp.Tools.empty(props)) {
+      return;
+    }
+    //this.setState("onClick",props.onClick);
+    this.state.onClick = props.onClick;
+    this.state.backgroundColor = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.backgroundColor) ? props.backgroundColor : "blue";
+    this.state.label = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.label) ? props.label : "";
+  }
+  render() {
+    this.initFromProps(this.props);
+    let props = this.state;
+    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+      style: {
+        width: "100%",
+        height: "100%",
+        backgroundColor: props.backgroundColor
+      },
+      onClick: event => props.onClick(),
+      className: "font-weight-bold"
+    }, props.label);
+  }
+}
+var _default = exports.default = BaseButton;

package/dist/spxbasecode/cmps/BaseButtonCountry.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _educoreapp = require("educoreapp2");
+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; }
+class BaseButtonCountry extends _react.Component {
+  constructor(props) {
+    super();
+    this.states = {};
+    this.initFromProps(props);
+  }
+  initFromProps(props) {
+    if (_educoreapp.Tools.empty(props)) {
+      return;
+    }
+    //this.setState("onClick",props.onClick);
+    this.states.onClick = props.onClick;
+    this.states.backgroundColor = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.backgroundColor) ? props.backgroundColor : "inherit";
+    this.states.label = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.label) ? props.label : "";
+    this.states.width = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.width) ? props.width : "250px";
+    this.states.height = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.height) ? props.height : "50px";
+    this.states.photo = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.photo) ? props.photo : null;
+  }
+  render() {
+    this.initFromProps(this.props);
+    let props = this.states;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: props.width,
+        height: props.height,
+        backgroundColor: props.backgroundColor
+      },
+      onClick: event => props.onClick(),
+      className: "font-weight-bold"
+    }, /*#__PURE__*/_react.default.createElement(BaseImg, {
+      photo: props.photo,
+      width: props.width,
+      height: props.height
+    }));
+  }
+}
+var _default = exports.default = BaseButtonCountry;

package/dist/spxbasecode/cmps/BaseButtonIcon.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _educoreapp = require("educoreapp2");
+var _BaseImg = _interopRequireDefault(require("./BaseImg"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+class BaseButtonIcon extends _react.Component {
+  constructor(props) {
+    super();
+    this.states = {};
+    this.initFromProps(props);
+  }
+  initFromProps(props) {
+    if (_educoreapp.Tools.empty(props)) {
+      return;
+    }
+    //this.setState("onClick",props.onClick);
+    this.states.onClick = props.onClick;
+    this.states.backgroundColor = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.backgroundColor) ? props.backgroundColor : "inherit";
+    this.states.label = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.label) ? props.label : "";
+    this.states.width = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.width) ? props.width : "250px";
+    this.states.height = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.height) ? props.height : "50px";
+    this.states.photo = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.photo) ? props.photo : null;
+  }
+  render() {
+    this.initFromProps(this.props);
+    let props = this.states;
+    let h100 = _educoreapp.Tools.copy(props.height, true);
+    //console.log(props.height);
+    let h2 = _educoreapp.Tools.DivSize(props.height, 75);
+    let h25 = _educoreapp.Tools.DivSize(props.height, 25);
+    let w2 = _educoreapp.Tools.DivSize(props.width, 50);
+    let w4 = _educoreapp.Tools.DivSize(props.width, 25);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        margin: "5px",
+        borderStyle: "solid",
+        borderColor: "black",
+        width: props.width,
+        height: props.height,
+        backgroundColor: props.backgroundColor
+      },
+      onClick: event => props.onClick(),
+      className: "font-weight-bold"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "row",
+      style: {
+        height: h2
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: w4
+      }
+    }, " "), /*#__PURE__*/_react.default.createElement(_BaseImg.default, {
+      photo: props.photo,
+      width: w2,
+      height: "100%"
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: w4
+      }
+    }, " ")), /*#__PURE__*/_react.default.createElement("div", {
+      className: "row",
+      style: {
+        height: h25,
+        color: "white"
+      }
+    }, props.label));
+  }
+}
+var _default = exports.default = BaseButtonIcon;

package/dist/spxbasecode/cmps/BaseButtonImage.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _educoreapp = require("educoreapp2");
+var _BaseImg = _interopRequireDefault(require("./BaseImg"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+class BaseButtonImage extends _react.Component {
+  constructor(props) {
+    super();
+    this.states = {};
+    this.initFromProps(props);
+  }
+  initFromProps(props) {
+    if (_educoreapp.Tools.empty(props)) {
+      return;
+    }
+    //this.setState("onClick",props.onClick);
+    this.states.onClick = props.onClick;
+    this.states.backgroundColor = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.backgroundColor) ? props.backgroundColor : "inherit";
+    this.states.label = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.label) ? props.label : "";
+    this.states.width = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.width) ? props.width : "250px";
+    this.states.height = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.height) ? props.height : "50px";
+    this.states.photo = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.photo) ? props.photo : null;
+  }
+  render() {
+    this.initFromProps(this.props);
+    let props = this.states;
+
+    /*
+    <Button style={{ width: "100%", height: "100%", 
+            backgroundColor: props.backgroundColor }} 
+            onClick={(event) => props.onClick()} className="font-weight-bold">
+            {props.label}
+        </Button>
+    */
+
+    /*
+    <div style={{ width:props.width, height: props.height, 
+    backgroundColor: props.backgroundColor }} 
+    onClick={(event) => props.onClick()} className="font-weight-bold"
+    ></div>
+     */
+    //    ,backgroundImage:props.photo
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: props.width,
+        height: props.height,
+        backgroundColor: props.backgroundColor
+      },
+      onClick: event => props.onClick(),
+      className: "font-weight-bold"
+    }, /*#__PURE__*/_react.default.createElement(_BaseImg.default, {
+      photo: props.photo,
+      width: props.width,
+      height: props.height
+    }));
+  }
+}
+var _default = exports.default = BaseButtonImage;

package/dist/spxbasecode/cmps/BaseCard.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _educoreapp = require("educoreapp2");
+var _BaseImg = _interopRequireDefault(require("./BaseImg"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+class BaseCard extends _react.Component {
+  constructor(props) {
+    super();
+    this.props = props;
+  }
+  render() {
+    let backgroundColor = !_educoreapp.Tools.empty(this.props.backgroundColor) ? this.props.backgroundColor : "white";
+    let color = !_educoreapp.Tools.empty(this.props.color) ? this.props.color : "black";
+    let click = _educoreapp.Tools.IsFunction(this.props.click) ? this.props.click : function (ee) {};
+
+    //style={{height:"25vh",width:"20vh"}} 
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        backgroundColor: backgroundColor,
+        color: color
+      },
+      onClick: event => click(event)
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "row",
+      style: {
+        height: "25vh"
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: "40%"
+      }
+    }), /*#__PURE__*/_react.default.createElement(_BaseImg.default, {
+      label: "Logo Edupanel.pl",
+      photo: this.props.src,
+      height: "100%",
+      width: "20%"
+    })), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Body, {
+      style: {
+        backgroundColor: backgroundColor,
+        color: color
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Title, {
+      style: {
+        textAlign: "center"
+      }
+    }, /*#__PURE__*/_react.default.createElement("h1", null, this.props.title)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Text, {
+      dangerouslySetInnerHTML: {
+        __html: this.props.text
+      }
+    })));
+  }
+  render2() {
+    let backgroundColor = !_educoreapp.Tools.empty(this.props.backgroundColor) ? this.props.backgroundColor : "white";
+    let color = !_educoreapp.Tools.empty(this.props.color) ? this.props.color : "black";
+    let click = _educoreapp.Tools.IsFunction(this.props.click) ? this.props.click : function (ee) {};
+    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card, {
+      style: {
+        backgroundColor: backgroundColor,
+        color: color
+      },
+      onClick: event => click(event)
+    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Img, {
+      style: {
+        position: 'relative',
+        left: "25vw",
+        height: "25vh",
+        width: "25vw"
+      },
+      variant: "top",
+      src: this.props.src
+    }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Body, {
+      style: {
+        backgroundColor: backgroundColor,
+        color: color
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Title, {
+      style: {
+        textAlign: "center"
+      }
+    }, this.props.title), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Text, {
+      dangerouslySetInnerHTML: {
+        __html: this.props.text
+      }
+    })));
+  }
+}
+var _default = exports.default = BaseCard;

package/dist/spxbasecode/cmps/BaseCenter.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _educoreapp = require("educoreapp2");
+var _BaseImg = _interopRequireDefault(require("./BaseImg"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+class BaseCenter extends _react.Component {
+  constructor(props) {
+    super();
+    this.props = props;
+  }
+  render() {
+    let backgroundColor = !_educoreapp.Tools.empty(this.props.backgroundColor) ? this.props.backgroundColor : "white";
+    let color = !_educoreapp.Tools.empty(this.props.color) ? this.props.color : "black";
+    let click = _educoreapp.Tools.IsFunction(this.props.click) ? this.props.click : function (ee) {};
+    //style={{height:"25vh",width:"20vh"}} 
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "row h-100"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "d-hide col-sm-1 col-md-1 col-lg-2 "
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-xs-12 col-sm-10 col-md-10  col-lg-8 h-100"
+    }, this.props.children));
+  }
+}
+var _default = exports.default = BaseCenter;

package/dist/spxbasecode/cmps/BaseError.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _educoreapp = require("educoreapp2");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+class BaseError extends _react.default.Component {
+  render() {
+    let {
+      text,
+      color,
+      font,
+      size,
+      data
+    } = this.props;
+    if (!_educoreapp.Tools.empty(data)) {
+      color = data.color;
+      font = data.font;
+      size = data.font_size;
+      text = data.text;
+    }
+    const labelStyle = {
+      color: color,
+      fontFamily: font,
+      fontSize: size
+      //textAlign:"center"
+    };
+    return /*#__PURE__*/_react.default.createElement("label", {
+      style: labelStyle
+    }, text);
+  }
+}
+BaseError.propTypes = {
+  content: _propTypes.default.string,
+  color: _propTypes.default.string,
+  font: _propTypes.default.string,
+  size: _propTypes.default.string
+};
+BaseError.defaultProps = {
+  color: 'red',
+  font: 'Arial',
+  size: '14px'
+};
+var _default = exports.default = BaseError;