@configuratorware/configurator-frontendgui 1.28.3 → 1.29.1

package/Framework/Components/DialogSelect/Styles.scss

@@ -0,0 +1,53 @@
+@import "../../Mixins";
+
+.dialogselect {
+  position: relative;
+
+  .button {
+    @include no-user-select;
+    cursor: pointer;
+  }
+
+  .dialog {
+    position: fixed;
+    min-height: 20px;
+    min-width: 100px;
+    height: auto !important;
+
+    .dialog-content {
+      padding: 0;
+
+      &.overflow {
+        max-height: 100vh;
+      }
+    }
+  }
+  .dialog-title-bar {
+    display: none;
+  }
+
+  .dialogselect-option {
+    padding: 5px 10px;
+    cursor: default;
+    @include no-user-select;
+
+    &:hover, &.selected {
+      background-color: rgba(128,128,128,0.2);
+    }
+  }
+
+  .dialogselect-label {
+    padding: 5px;    
+    border: 1px solid black;
+  }
+
+  .auto-width {
+    .dialog {
+      width: auto !important;
+    }
+  }
+
+  .dialog-overlay {
+    background: transparent;
+  }
+}

package/Framework/Components/DialogSelect/index.js

@@ -0,0 +1,331 @@
+"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"] = exports.DialogSelectOption = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _Dialog = _interopRequireDefault(require("../Dialog"));
+
+require("./Styles.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+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 _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 DialogSelectOption = /*#__PURE__*/function (_React$Component) {
+  _inherits(DialogSelectOption, _React$Component);
+
+  var _super = _createSuper(DialogSelectOption);
+
+  function DialogSelectOption() {
+    var _this;
+
+    _classCallCheck(this, DialogSelectOption);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "onSelect", function () {
+      _this.props.onSelect(_this.props.option);
+    });
+
+    return _this;
+  }
+
+  _createClass(DialogSelectOption, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          option = _this$props.option,
+          selected = _this$props.selected,
+          renderOption = _this$props.renderOption;
+      return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        className: 'dialogselect-option' + (selected ? ' selected' : ''),
+        "data-option": option.identifier,
+        onClick: this.onSelect
+      }, renderOption ? renderOption(option) : option.title);
+    }
+  }]);
+
+  return DialogSelectOption;
+}(_react["default"].Component);
+
+exports.DialogSelectOption = DialogSelectOption;
+
+_defineProperty(DialogSelectOption, "propTypes", {
+  onSelect: _propTypes["default"].func,
+  option: _propTypes["default"].object,
+  selected: _propTypes["default"].bool,
+  renderOption: _propTypes["default"].func
+});
+
+var DialogSelect = /*#__PURE__*/function (_React$Component2) {
+  _inherits(DialogSelect, _React$Component2);
+
+  var _super2 = _createSuper(DialogSelect);
+
+  function DialogSelect(props) {
+    var _this2;
+
+    _classCallCheck(this, DialogSelect);
+
+    _this2 = _super2.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this2), "onClickAway", function (e) {
+      var element = e.target;
+
+      do {
+        if (element === _this2.control) {
+          return;
+        }
+
+        element = element.parentElement;
+      } while (element);
+
+      _this2.closeDialog();
+    });
+
+    _defineProperty(_assertThisInitialized(_this2), "showDialog", function () {
+      window.addEventListener('click', _this2.onClickAway, true);
+
+      _this2.setState({
+        isOpen: true
+      });
+
+      _this2.props.onFocus && _this2.props.onFocus();
+    });
+
+    _defineProperty(_assertThisInitialized(_this2), "closeDialog", function () {
+      window.removeEventListener('click', _this2.onClickAway, true);
+
+      _this2.setState({
+        isOpen: false
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this2), "toggleDialog", function () {
+      if (_this2.props.disabled) {
+        return;
+      }
+
+      _this2.state.isOpen ? _this2.closeDialog() : _this2.showDialog();
+
+      if (_this2.props.onToggle !== undefined) {
+        _this2.props.onToggle();
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this2), "onChange", function (option) {
+      _this2.closeDialog();
+
+      if (!_this2.isSelected(option)) {
+        _this2.props.onChange(option);
+      }
+    });
+
+    _this2.state = {
+      isOpen: false
+    };
+    return _this2;
+  }
+
+  _createClass(DialogSelect, [{
+    key: "isSelected",
+    value: function isSelected(option) {
+      if (_lodash["default"].isFunction(this.props.isSelected)) {
+        return this.props.isSelected(option);
+      }
+
+      var valueProperty = this.props.valueProperty;
+
+      if (!this.props.value) {
+        return false;
+      } // if there are more values in the selection
+
+
+      if (_lodash["default"].isArray(this.props.value)) {
+        var _iterator = _createForOfIteratorHelper(this.props.value),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var v = _step.value;
+
+            if (valueProperty) {
+              if (v[valueProperty] === option[valueProperty]) {
+                return true;
+              }
+            } else {
+              if (v === option) {
+                return true;
+              }
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      } else if (valueProperty) {
+        return this.props.value[valueProperty] === option[valueProperty];
+      } else {
+        return this.props.value === option;
+      }
+    }
+  }, {
+    key: "renderOption",
+    value: function renderOption(option, key) {
+      var renderOption = this.props.renderOption;
+      return /*#__PURE__*/_react["default"].createElement(DialogSelectOption, {
+        option: option,
+        key: key,
+        onSelect: this.onChange,
+        selected: this.isSelected(option),
+        renderOption: renderOption
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+
+      var _this$props2 = this.props,
+          label = _this$props2.label,
+          options = _this$props2.options,
+          value = _this$props2.value,
+          renderValue = _this$props2.renderValue,
+          renderOption = _this$props2.renderOption,
+          showSelected = _this$props2.showSelected,
+          renderArrow = _this$props2.renderArrow,
+          dialogPositioning = _this$props2.dialogPositioning,
+          adjustWidth = _this$props2.adjustWidth,
+          relativeTo = _this$props2.relativeTo,
+          overlay = _this$props2.overlay,
+          className = _this$props2.className,
+          Dialog = _this$props2.Dialog;
+      var topElement = null;
+
+      if (showSelected) {
+        if (value) {
+          if (renderValue) {
+            topElement = renderValue(value);
+          } else {
+            topElement = renderOption(value, true);
+          }
+        } else {
+          topElement = /*#__PURE__*/_react["default"].createElement("div", {
+            className: "dialogselect-label"
+          }, label);
+        }
+      } else {
+        topElement = /*#__PURE__*/_react["default"].createElement("div", {
+          className: "dialogselect-label"
+        }, label);
+      }
+
+      var relativeElement = relativeTo || this.control;
+      var show = _lodash["default"].isArray(options) && options.length > 0 && this.state.isOpen;
+      var disabled = this.props.disabled || false;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _clsx["default"])('dialogselect', className, disabled && 'disabled'),
+        ref: function ref(el) {
+          return _this3.control = el;
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "button",
+        onClick: this.toggleDialog
+      }, topElement, renderArrow()), /*#__PURE__*/_react["default"].createElement(Dialog, {
+        className: 'dialogselect-dialog ' + (adjustWidth ? '' : 'auto-width'),
+        show: show,
+        relativeTo: relativeElement,
+        onClose: this.closeDialog,
+        animation: "grow",
+        relativePosition: dialogPositioning || DialogSelect.dialogPositioning,
+        parent: document.getElementById('configuratorscreen'),
+        refValue: options,
+        width: adjustWidth ? 'adjust' : false,
+        overlay: overlay,
+        overlayClassName: "dialogselect-overlay"
+      }, _lodash["default"].isArray(options) && options.map(function (option, key) {
+        return _this3.renderOption(option, key);
+      })));
+    }
+  }]);
+
+  return DialogSelect;
+}(_react["default"].Component);
+
+exports["default"] = DialogSelect;
+
+_defineProperty(DialogSelect, "propTypes", {
+  isSelected: _propTypes["default"].func,
+  disabled: _propTypes["default"].bool,
+  valueProperty: _propTypes["default"].string,
+  value: _propTypes["default"].object,
+  onFocus: _propTypes["default"].func,
+  onToggle: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  renderOption: _propTypes["default"].func,
+  label: _propTypes["default"].node,
+  options: _propTypes["default"].array,
+  renderValue: _propTypes["default"].func,
+  showSelected: _propTypes["default"].bool,
+  renderArrow: _propTypes["default"].func,
+  dialogPositioning: _propTypes["default"].array,
+  adjustWidth: _propTypes["default"].bool,
+  relativeTo: _propTypes["default"].object,
+  overlay: _propTypes["default"].bool,
+  className: _propTypes["default"].string,
+  Dialog: _propTypes["default"].elementType
+});
+
+_defineProperty(DialogSelect, "dialogPositioning", [['left', 'right'], ['top', 'top']]);
+
+DialogSelect.defaultProps = {
+  renderArrow: function renderArrow() {
+    return null;
+  },
+  Dialog: _Dialog["default"]
+};

package/Framework/Components/Input/index.js

@@ -0,0 +1,147 @@
+"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 = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _excluded = ["onEnterPressed"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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 Input = /*#__PURE__*/function (_React$Component) {
+  _inherits(Input, _React$Component);
+
+  var _super = _createSuper(Input);
+
+  function Input() {
+    var _this;
+
+    _classCallCheck(this, Input);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      value: '',
+      props: {}
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (e) {
+      var value = e.target.value;
+
+      _this.setState({
+        value: value
+      });
+
+      if (_this.props.onChange) {
+        _this.props.onChange(e, _assertThisInitialized(_this));
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onKeyUp", function (e) {
+      if (13 === e.keyCode && _this.props.onEnterPressed) {
+        _this.props.onEnterPressed();
+      }
+    });
+
+    return _this;
+  }
+
+  _createClass(Input, [{
+    key: "value",
+    get: function get() {
+      return this.state.value;
+    }
+    /*componentDidMount() {
+        this.setState(Input.getDerivedStateFromProps(this.props, this.state));
+    }
+     componentWillReceiveProps(nextProps) {
+        this.setState(Input.getDerivedStateFromProps(nextProps, this.state));
+    }*/
+
+  }, {
+    key: "getProps",
+    value: function getProps() {
+      // eslint-disable-next-line no-unused-vars
+      var _this$props = this.props,
+          onEnterPressed = _this$props.onEnterPressed,
+          otherProps = _objectWithoutProperties(_this$props, _excluded);
+
+      return otherProps;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/_react["default"].createElement("input", _extends({}, this.getProps(), {
+        value: this.state.value,
+        onChange: this.onChange,
+        ref: function ref(_ref) {
+          return _this2.element = _ref;
+        },
+        onKeyUp: this.onKeyUp
+      }));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps, prevState) {
+      if (nextProps.value !== prevState.props.value) {
+        return {
+          value: nextProps.value,
+          props: nextProps
+        };
+      }
+
+      return null;
+    }
+  }]);
+
+  return Input;
+}(_react["default"].Component);
+
+exports["default"] = Input;
+
+_defineProperty(Input, "propTypes", {
+  onChange: _propTypes["default"].func,
+  onEnterPressed: _propTypes["default"].func,
+  value: _propTypes["default"].string
+});

package/Framework/Components/LoadingOverlay/Styles.scss

@@ -0,0 +1,37 @@
+@import "../../Mixins";
+@import "../../Variables";
+
+$primary-color: $loadingOverlay-color;
+@import '~loaders.css/src/animations/ball-scale';
+
+.loadingoverlay {
+
+  background: $loadingOverlay-background;
+  position: absolute;
+  top: 0;
+  left: 0;
+  text-align: center;
+  overflow: hidden;
+
+  z-index: 99999999;
+
+  &.hide {
+    opacity: 0;
+    width: 0;
+    height: 0;
+    transition: opacity .5s ease, width 0s .5s, height 0s .5s;
+  }
+  &.show {
+    opacity: 1;
+    width: 100%;
+    height: 100%;
+    transition: opacity .5s ease, width 0s, height 0s;
+  }
+
+  .loader {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    @include transform(translate(-50%,-50%))
+  }
+}

package/Framework/Components/LoadingOverlay/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./Styles.scss");
+
+var _Progress = _interopRequireDefault(require("../../../App/Shared/Components/Progress/Progress"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var LoadingOverlay = function LoadingOverlay(props) {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'loadingoverlay ' + (props.show ? 'show' : 'hide'),
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Progress["default"], {
+    loading: props.show
+  }));
+};
+
+LoadingOverlay.propTypes = {
+  show: _propTypes["default"].bool
+};
+var _default = LoadingOverlay;
+exports["default"] = _default;

package/Framework/Components/Markdown/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _isString = _interopRequireDefault(require("lodash/isString"));
+
+var _showdown = require("showdown");
+
+var _excluded = ["text", "children", "MdComponent"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var converter = new _showdown.Converter({
+  tables: true,
+  simplifiedAutoLink: true,
+  openLinksInNewWindow: true
+});
+
+var Markdown = function Markdown(_ref) {
+  var text = _ref.text,
+      children = _ref.children,
+      MdComponent = _ref.MdComponent,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var source = '';
+
+  if (text && (0, _isString["default"])(text)) {
+    source = text;
+  } else if (children && (0, _isString["default"])(children)) {
+    source = children;
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(MdComponent, _extends({}, props, {
+    dangerouslySetInnerHTML: {
+      __html: converter.makeHtml(source)
+    }
+  }));
+};
+
+Markdown.propTypes = {
+  text: _propTypes["default"].string,
+  children: _propTypes["default"].string,
+  MdComponent: _propTypes["default"].elementType
+};
+Markdown.defaultProps = {
+  MdComponent: 'div'
+};
+var _default = Markdown;
+exports["default"] = _default;