@configuratorware/configurator-admingui 1.28.3 → 1.29.1

package/Screens/Designer/SubScreens/Visualization/Components/AreaEditor.js

@@ -0,0 +1,305 @@
+"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.AreaEditor = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _funDraw = require("../../../../../Utils/FunDraw/funDraw");
+
+var _movableObject = require("../../../../../Utils/FunDraw/movableObject");
+
+var _createMask = require("../../../../../Utils/FunDraw/createMask");
+
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+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 AreaEditor = /*#__PURE__*/function (_React$Component) {
+  _inherits(AreaEditor, _React$Component);
+
+  var _super = _createSuper(AreaEditor);
+
+  function AreaEditor() {
+    var _this;
+
+    _classCallCheck(this, AreaEditor);
+
+    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), "ctx", null);
+
+    _defineProperty(_assertThisInitialized(_this), "area", null);
+
+    _defineProperty(_assertThisInitialized(_this), "activeControl", null);
+
+    _defineProperty(_assertThisInitialized(_this), "backgroundImage", null);
+
+    _defineProperty(_assertThisInitialized(_this), "onRedraw", (0, _debounce["default"])(function () {
+      var onRedraw = _this.props.onRedraw;
+
+      if (onRedraw) {
+        onRedraw(_this.getData());
+      }
+    }, _this.props.redrawDelay));
+
+    _defineProperty(_assertThisInitialized(_this), "onUpdate", (0, _debounce["default"])(function () {
+      var onUpdate = _this.props.onUpdate;
+
+      if (onUpdate) {
+        onUpdate(_this.getData());
+      }
+    }, _this.props.updateDelay));
+
+    _defineProperty(_assertThisInitialized(_this), "canvasRef", /*#__PURE__*/_react["default"].createRef());
+
+    return _this;
+  }
+
+  _createClass(AreaEditor, [{
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var _this2 = this;
+
+        var canvas, backgroundImageElement;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                canvas = this.canvasRef.current;
+                this.ctx = canvas.getContext('2d');
+                _context.next = 4;
+                return this.createScaledArea();
+
+              case 4:
+                this.area = _context.sent;
+                backgroundImageElement = this.props.backgroundImageElement;
+
+                if (backgroundImageElement) {
+                  this.backgroundImage = (0, _funDraw.fitSize)((0, _funDraw.createImageObject)(backgroundImageElement), canvas.width, canvas.height);
+                }
+
+                this._movableArea = (0, _movableObject.createMovableObjectWithControls)(canvas, this.area, {
+                  drawFunction: function drawFunction(object, ctx) {
+                    (0, _funDraw.draw)(object, ctx); // draw the background image behind the area
+
+                    ctx.save();
+                    ctx.globalCompositeOperation = 'destination-over';
+                    _this2.backgroundImage && (0, _funDraw.draw)(_this2.backgroundImage, ctx);
+                    ctx.restore();
+
+                    _this2.onRedraw();
+                  },
+                  controlFactory: function controlFactory(object) {
+                    return (0, _funDraw.setDefaultControls)(object);
+                  },
+                  onUpdate: function onUpdate(_ref) {
+                    var getData = _ref.getData;
+
+                    var _getData = getData(),
+                        object = _getData.object;
+
+                    _this2.area = object;
+                  }
+                });
+
+                this._movableArea.init();
+
+                this.onUpdate();
+
+              case 10:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+
+      return componentDidMount;
+    }()
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this._movableArea.dispose();
+    }
+  }, {
+    key: "getData",
+    value: function getData() {
+      var _this$ctx$canvas = this.ctx.canvas,
+          width = _this$ctx$canvas.width,
+          height = _this$ctx$canvas.height;
+      return {
+        canvasSize: {
+          width: width,
+          height: height
+        },
+        area: (0, _funDraw.only)(this.area)
+      };
+    }
+  }, {
+    key: "getCalculatedAreaData",
+    value: function getCalculatedAreaData() {
+      var bgWidth = this.props.backgroundImageElement.width;
+      var scale = bgWidth / this.ctx.canvas.width;
+
+      var _rescale = (0, _funDraw.rescale)(this.area, scale, Math.round),
+          width = _rescale.width,
+          height = _rescale.height,
+          x = _rescale.x,
+          y = _rescale.y,
+          angle = _rescale.angle;
+
+      return {
+        width: width,
+        height: height,
+        x: x,
+        y: y,
+        angle: angle
+      };
+    }
+  }, {
+    key: "createScaledArea",
+    value: function () {
+      var _createScaledArea = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+        var canvas, _this$props, areaData, areaRatio, maskObject, area, bgWidth, scale, areaWidth, areaHeight;
+
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                canvas = this.canvasRef.current;
+                _this$props = this.props, areaData = _this$props.areaData, areaRatio = _this$props.areaRatio, maskObject = _this$props.maskObject;
+
+                if (!(maskObject && maskObject.maskData)) {
+                  _context2.next = 11;
+                  break;
+                }
+
+                _context2.t1 = _createMask.createAreaWithMask;
+                _context2.t2 = areaData;
+                _context2.next = 7;
+                return (0, _createMask.createMask)(areaData, maskObject.maskSrc, maskObject.maskData);
+
+              case 7:
+                _context2.t3 = _context2.sent;
+                _context2.t0 = (0, _context2.t1)(_context2.t2, _context2.t3);
+                _context2.next = 14;
+                break;
+
+              case 11:
+                _context2.next = 13;
+                return (0, _funDraw.createAreaWithLogo)(_objectSpread(_objectSpread({}, areaData), {}, {
+                  name: 'area'
+                }));
+
+              case 13:
+                _context2.t0 = _context2.sent;
+
+              case 14:
+                area = _context2.t0;
+
+                if (areaData && areaData.width) {
+                  bgWidth = this.props.backgroundImageElement.width;
+                  scale = this.ctx.canvas.width / bgWidth;
+                  area = (0, _funDraw.rescale)(_objectSpread(_objectSpread({}, area), {}, {
+                    height: area.width / areaRatio // recalculate size with the current ratio
+
+                  }), scale);
+                } else {
+                  areaWidth = 100;
+                  areaHeight = areaWidth / areaRatio;
+                  area = (0, _funDraw.fitSize)(area.setSize(areaWidth, areaHeight), canvas.width, canvas.height);
+                }
+
+                return _context2.abrupt("return", area);
+
+              case 17:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function createScaledArea() {
+        return _createScaledArea.apply(this, arguments);
+      }
+
+      return createScaledArea;
+    }()
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement("canvas", {
+        ref: this.canvasRef,
+        width: 500,
+        height: 500,
+        style: {
+          border: '1px solid #000'
+        }
+      });
+    }
+  }]);
+
+  return AreaEditor;
+}(_react["default"].Component);
+
+exports.AreaEditor = AreaEditor;
+
+_defineProperty(AreaEditor, "defaultProps", {
+  areaData: null,
+  areaRatio: 1,
+  redrawDelay: 25,
+  updateDelay: 300
+});
+
+_defineProperty(AreaEditor, "propTypes", {
+  backgroundImageElement: _propTypes["default"].instanceOf(HTMLImageElement).isRequired,
+  onRedraw: _propTypes["default"].func,
+  onUpdate: _propTypes["default"].func
+});

package/Screens/Designer/SubScreens/Visualization/Components/EntryList.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EntryListItem = exports.EntryList = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+
+var _ListItemSecondaryAction = _interopRequireDefault(require("@material-ui/core/ListItemSecondaryAction"));
+
+var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
+
+var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+
+var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
+
+var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      width: '100%',
+      backgroundColor: theme.palette.background.paper
+    },
+    item: {
+      cursor: 'pointer'
+    }
+  };
+};
+
+var EntryList = (0, _styles.withStyles)(styles)(function (_ref) {
+  var children = _ref.children,
+      classes = _ref.classes;
+  return /*#__PURE__*/_react["default"].createElement(_List["default"], {
+    className: classes.root
+  }, children);
+});
+exports.EntryList = EntryList;
+var EntryListItem = (0, _styles.withStyles)(styles)(function (_ref2) {
+  var onClick = _ref2.onClick,
+      ready = _ref2.ready,
+      text = _ref2.text,
+      onClickEdit = _ref2.onClickEdit,
+      onClickDelete = _ref2.onClickDelete,
+      classes = _ref2.classes;
+  return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+    dense: true,
+    onClick: onClick,
+    className: classes.item
+  }, ready ? /*#__PURE__*/_react["default"].createElement(_Check["default"], null) : /*#__PURE__*/_react["default"].createElement(_Close["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
+    primary: text
+  }), /*#__PURE__*/_react["default"].createElement(_ListItemSecondaryAction["default"], null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    "aria-label": "Edit",
+    onClick: onClickEdit
+  }, /*#__PURE__*/_react["default"].createElement(_Edit["default"], null)), ready && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    "aria-label": "Delete",
+    onClick: onClickDelete
+  }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null))));
+});
+exports.EntryListItem = EntryListItem;
+EntryListItem.propTypes = {
+  ready: _propTypes["default"].bool
+};

package/Screens/Designer/SubScreens/Visualization/Components/ExpansionContainer.js

@@ -0,0 +1,138 @@
+"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.ExpansionItem = exports.ExpansionContainer = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
+
+var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
+
+var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+
+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 _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 ExpansionContext = /*#__PURE__*/_react["default"].createContext({});
+
+var ExpansionContainer = /*#__PURE__*/function (_React$Component) {
+  _inherits(ExpansionContainer, _React$Component);
+
+  var _super = _createSuper(ExpansionContainer);
+
+  function ExpansionContainer() {
+    var _this;
+
+    _classCallCheck(this, ExpansionContainer);
+
+    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", {
+      expanded: {},
+      toggle: function toggle(expansionKey) {
+        return function () {
+          return _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
+            expanded: _this.props.single ? _defineProperty({}, expansionKey, !_this.state.expanded[expansionKey]) : _objectSpread(_objectSpread({}, _this.state.expanded), {}, _defineProperty({}, expansionKey, !_this.state.expanded[expansionKey]))
+          }));
+        };
+      }
+    });
+
+    return _this;
+  }
+
+  _createClass(ExpansionContainer, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(ExpansionContext.Provider, {
+        value: this.state
+      }, this.props.children);
+    }
+  }]);
+
+  return ExpansionContainer;
+}(_react["default"].Component);
+
+exports.ExpansionContainer = ExpansionContainer;
+
+_defineProperty(ExpansionContainer, "propTypes", {
+  single: _propTypes["default"].bool
+});
+
+var styles = function styles(theme) {
+  return {
+    heading: {
+      fontSize: theme.typography.pxToRem(15),
+      flexShrink: 0
+    },
+    secondaryHeading: {
+      fontSize: theme.typography.pxToRem(15),
+      color: theme.palette.text.secondary
+    }
+  };
+};
+
+var ExpansionItem = (0, _styles.withStyles)(styles)(function (_ref2) {
+  var expansionKey = _ref2.expansionKey,
+      title = _ref2.title,
+      children = _ref2.children,
+      classes = _ref2.classes;
+  return /*#__PURE__*/_react["default"].createElement(ExpansionContext.Consumer, null, function (state) {
+    return /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], {
+      expanded: !!state.expanded[expansionKey],
+      onChange: state.toggle(expansionKey)
+    }, /*#__PURE__*/_react["default"].createElement(_ExpansionPanelSummary["default"], {
+      expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
+    }, title && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      className: classes.heading
+    }, title)), /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], null, children));
+  });
+});
+exports.ExpansionItem = ExpansionItem;
+ExpansionItem.propTypes = {
+  classes: _propTypes["default"].object,
+  expansionKey: _propTypes["default"].string.isRequired,
+  title: _propTypes["default"].string
+};