@configuratorware/configurator-admingui 1.28.1 → 1.29.0

package/UIComponents/ChipInput.js

@@ -0,0 +1,300 @@
+"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.propTypes = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _downshift = _interopRequireDefault(require("downshift"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper/Paper"));
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField/TextField"));
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _Chip = _interopRequireDefault(require("./Chip"));
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _excluded = ["InputProps", "classes", "ref"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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 _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 _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 = function styles(theme) {
+  return {
+    root: {
+      flexGrow: 1,
+      height: 250
+    },
+    container: {
+      flexGrow: 1,
+      position: 'relative',
+      width: '100%',
+      paddingTop: '15px'
+    },
+    paper: {
+      position: 'absolute',
+      zIndex: 1,
+      marginTop: theme.spacing.unit,
+      left: 0,
+      right: 0
+    },
+    chip: {
+      margin: "".concat(theme.spacing.unit / 2, "px ").concat(theme.spacing.unit / 4, "px")
+    },
+    inputRoot: {
+      flexWrap: 'wrap'
+    },
+    inputInput: {
+      flexGrow: 1
+    },
+    divider: {
+      height: theme.spacing.unit * 2
+    }
+  };
+};
+
+function getSuggestions(dataSource, dataSourceConfig, inputValue, filterFunction) {
+  return dataSource.filter(function (item) {
+    var mappedItem = {
+      value: item[dataSourceConfig.value],
+      label: item[dataSourceConfig.text]
+    };
+    return filterFunction(inputValue, mappedItem.label);
+  });
+}
+
+var propTypes = {
+  dataSourceConfig: _propTypes["default"].shape({
+    value: _propTypes["default"].string.isRequired,
+    text: _propTypes["default"].string.isRequired
+  }).isRequired,
+  filter: _propTypes["default"].func,
+  onRequestDelete: _propTypes["default"].func,
+  onInputValueChange: _propTypes["default"].func,
+  handleChange: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  classes: _propTypes["default"].object,
+  floatingLabelText: _propTypes["default"].object,
+  value: _propTypes["default"].array,
+  dataSource: _propTypes["default"].array,
+  onFocus: _propTypes["default"].func,
+  placeholder: _propTypes["default"].string
+};
+exports.propTypes = propTypes;
+
+var ChipInput = /*#__PURE__*/function (_React$Component) {
+  _inherits(ChipInput, _React$Component);
+
+  var _super = _createSuper(ChipInput);
+
+  function ChipInput() {
+    var _this;
+
+    _classCallCheck(this, ChipInput);
+
+    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", {
+      selectedItem: [],
+      inputValue: ''
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleDelete", function (item, id) {
+      return function () {
+        _this.props.onRequestDelete(item, id);
+      };
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "itemToString", function (item) {
+      return item ? item[_this.props.dataSourceConfig.text] : '';
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onInputChange", function (_ref) {
+      var value = _ref.target.value;
+
+      _this.setState({
+        inputValue: value
+      });
+
+      _this.props.onInputValueChange(value);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function (input) {
+      _this.setState({
+        inputValue: ''
+      });
+
+      if (input === null) {
+        return;
+      }
+
+      _this.props.handleChange(input);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onBlur", function () {
+      _this.setState({
+        inputValue: ''
+      });
+
+      _this.props.onBlur();
+    });
+
+    return _this;
+  }
+
+  _createClass(ChipInput, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          floatingLabelText = _this$props.floatingLabelText,
+          value = _this$props.value,
+          dataSource = _this$props.dataSource,
+          dataSourceConfig = _this$props.dataSourceConfig,
+          onFocus = _this$props.onFocus,
+          placeholder = _this$props.placeholder,
+          filter = _this$props.filter;
+      var _this$state = this.state,
+          selectedItem = _this$state.selectedItem,
+          inputValue = _this$state.inputValue;
+      var textLabel = floatingLabelText;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          maxHeight: 500
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_downshift["default"], {
+        inputValue: inputValue,
+        onChange: this.handleChange,
+        selectedItem: selectedItem,
+        itemToString: this.itemToString
+      }, function (_ref2) {
+        var getInputProps = _ref2.getInputProps,
+            getItemProps = _ref2.getItemProps,
+            highlightedIndex = _ref2.highlightedIndex,
+            inputValue = _ref2.inputValue,
+            isOpen = _ref2.isOpen;
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: classes.container
+        }, renderInput({
+          fullWidth: true,
+          label: textLabel,
+          InputProps: getInputProps({
+            startAdornment: value.map(function (item, idx) {
+              return /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
+                key: item[dataSourceConfig.value],
+                tabIndex: -1,
+                label: item[dataSourceConfig.text],
+                className: classes.chip,
+                onDelete: _this2.handleDelete(item, idx)
+              });
+            }),
+            placeholder: placeholder,
+            onChange: _this2.onInputChange,
+            onBlur: _this2.onBlur,
+            onFocus: onFocus
+          }),
+          classes: classes
+        }), isOpen ? /*#__PURE__*/_react["default"].createElement(_Paper["default"], {
+          className: classes.paper,
+          square: true
+        }, getSuggestions(dataSource, dataSourceConfig, inputValue, filter).map(function (suggestion, index) {
+          return renderSuggestion({
+            label: suggestion[dataSourceConfig.text],
+            index: index,
+            itemProps: getItemProps({
+              item: suggestion
+            }),
+            highlightedIndex: highlightedIndex,
+            selectedItem: value,
+            key: suggestion[dataSourceConfig.value]
+          });
+        })) : null);
+      }));
+    }
+  }]);
+
+  return ChipInput;
+}(_react["default"].Component);
+
+_defineProperty(ChipInput, "propTypes", propTypes);
+
+function renderSuggestion(_ref3) {
+  var label = _ref3.label,
+      index = _ref3.index,
+      itemProps = _ref3.itemProps,
+      highlightedIndex = _ref3.highlightedIndex,
+      key = _ref3.key;
+  var isHighlighted = highlightedIndex === index;
+  return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], _extends({}, itemProps, {
+    key: key,
+    selected: isHighlighted,
+    component: "div"
+  }), label);
+}
+
+function renderInput(inputProps) {
+  var InputProps = inputProps.InputProps,
+      classes = inputProps.classes,
+      ref = inputProps.ref,
+      other = _objectWithoutProperties(inputProps, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
+    InputProps: _objectSpread({
+      inputRef: ref,
+      classes: {
+        root: classes.inputRoot,
+        input: classes.inputInput
+      }
+    }, InputProps)
+  }, other));
+}
+
+var _default = (0, _withStyles["default"])(styles)(ChipInput);
+
+exports["default"] = _default;

package/UIComponents/CircularProgress.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+//import CircularProgress from 'material-ui/CircularProgress';
+var _default = function _default() {
+  return null;
+};
+
+exports["default"] = _default;

package/UIComponents/ClickAwayListener.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener/ClickAwayListener"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _ClickAwayListener["default"];
+exports["default"] = _default;

package/UIComponents/Collapse.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse/Collapse"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _Collapse["default"];
+exports["default"] = _default;

package/UIComponents/DatePicker.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _TextField = _interopRequireDefault(require("../UIComponents/TextField"));
+
+var _excluded = ["classes", "label"];
+
+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 styles = function styles() {
+  return {
+    container: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    },
+    textField: {
+      width: '100%'
+    }
+  };
+};
+
+function DatePicker(props) {
+  var classes = props.classes,
+      label = props.label,
+      otherDatePickerProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement("form", {
+    className: classes.container,
+    noValidate: true
+  }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
+    id: "date",
+    type: "date",
+    label: label,
+    className: classes.textField,
+    InputLabelProps: {
+      shrink: true
+    }
+  }, otherDatePickerProps)));
+}
+
+DatePicker.propTypes = {
+  classes: _propTypes["default"].object.isRequired
+};
+
+var _default = (0, _styles.withStyles)(styles)(DatePicker);
+
+exports["default"] = _default;

package/UIComponents/DateTimePicker.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _TextField = _interopRequireDefault(require("../UIComponents/TextField"));
+
+var _excluded = ["classes", "label"];
+
+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 styles = function styles() {
+  return {
+    container: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    },
+    textField: {
+      width: '100%'
+    }
+  };
+};
+
+function DateTimePicker(props) {
+  var classes = props.classes,
+      label = props.label,
+      otherTimePickerProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement("form", {
+    className: classes.container,
+    noValidate: true
+  }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
+    id: "date",
+    type: "datetime-local",
+    label: label,
+    className: classes.textField,
+    InputLabelProps: {
+      shrink: true
+    }
+  }, otherTimePickerProps)));
+}
+
+DateTimePicker.propTypes = {
+  classes: _propTypes["default"].object.isRequired
+};
+
+var _default = (0, _styles.withStyles)(styles)(DateTimePicker);
+
+exports["default"] = _default;

package/UIComponents/Dialog.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog/Dialog"));
+
+var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle/DialogTitle"));
+
+var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent/DialogContent"));
+
+var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText/DialogContentText"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions/DialogActions"));
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _excluded = ["title", "actions", "children", "bodyClassName", "classes"];
+
+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 styles = function styles() {
+  return {
+    paperRoot: {
+      minWidth: '450px'
+    },
+    dialogContentRoot: {
+      overflow: 'hidden',
+      display: 'flex'
+    },
+    dialogContentTextRoot: {
+      width: '100%'
+    }
+  };
+};
+
+var UIDialog = function UIDialog(_ref) {
+  var title = _ref.title,
+      actions = _ref.actions,
+      children = _ref.children,
+      bodyClassName = _ref.bodyClassName,
+      classes = _ref.classes,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], _extends({
+    className: bodyClassName,
+    classes: {
+      paper: classes.paperRoot
+    },
+    maxWidth: "md"
+  }, otherProps), title && /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], null, title), children && /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
+    classes: {
+      root: classes.dialogContentRoot
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
+    component: "div",
+    classes: {
+      root: classes.dialogContentTextRoot
+    }
+  }, children)), actions && /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, actions));
+};
+
+var _default = (0, _withStyles["default"])(styles)(UIDialog);
+
+exports["default"] = _default;

package/UIComponents/Drawer.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer/Drawer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _Drawer["default"];
+exports["default"] = _default;

package/UIComponents/FlatButton.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button/Button"));
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _excluded = ["classes", "label", "children", "primary"];
+
+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 styles = function styles(theme) {
+  return {
+    button: {
+      margin: theme.spacing.unit
+    }
+  };
+};
+
+var FlatButton = function FlatButton(_ref) {
+  var classes = _ref.classes,
+      label = _ref.label,
+      children = _ref.children,
+      primary = _ref.primary,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  var extraProps = {};
+
+  if (primary) {
+    extraProps.color = 'primary';
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+    className: classes.button
+  }, otherProps, extraProps), label || children);
+};
+
+var _default = (0, _withStyles["default"])(styles)(FlatButton);
+
+exports["default"] = _default;

package/UIComponents/FloatingActionButton.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button/Button"));
+
+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); }
+
+var _default = function _default(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+    variant: "fab",
+    color: "primary"
+  }, props));
+};
+
+exports["default"] = _default;

package/UIComponents/FontIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon/Icon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _Icon["default"];
+exports["default"] = _default;

package/UIComponents/FormControl.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl/FormControl"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _FormControl["default"];
+exports["default"] = _default;