@pie-element/hotspot 9.3.4-next.0 → 10.0.0-beta.0

package/configure/lib/shapes/rectagle.js

@@ -1,116 +1,84 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RectangleShape = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var RectangleShape = /*#__PURE__*/function () {
-  function RectangleShape() {
-    (0, _classCallCheck2["default"])(this, RectangleShape);
+class RectangleShape {
+  static create(shapes, e) {
+    const newShapes = [...shapes];
+    const highestId = Math.max(...newShapes.map(shape => parseInt(shape.id)), 0) || 0;
+    const newRectangle = {
+      id: `${highestId + 1}`,
+      height: 0,
+      width: 0,
+      x: e.evt.layerX,
+      y: e.evt.layerY,
+      group: 'rectangles',
+      index: newShapes.length
+    };
+    newShapes.push(newRectangle);
+    return {
+      shapes: newShapes,
+      isDrawing: true,
+      isDrawingShapeId: newRectangle.id
+    };
   }
-
-  (0, _createClass2["default"])(RectangleShape, null, [{
-    key: "create",
-    value: function create(shapes, e) {
-      var newShapes = (0, _toConsumableArray2["default"])(shapes);
-      var highestId = Math.max.apply(Math, (0, _toConsumableArray2["default"])(newShapes.map(function (shape) {
-        return parseInt(shape.id);
-      })).concat([0])) || 0;
-      var newRectangle = {
-        id: "".concat(highestId + 1),
-        height: 0,
-        width: 0,
-        x: e.evt.layerX,
-        y: e.evt.layerY,
-        group: 'rectangles',
-        index: newShapes.length
-      };
-      newShapes.push(newRectangle);
-      return {
-        shapes: newShapes,
-        isDrawing: true,
-        isDrawingShapeId: newRectangle.id
-      };
-    }
-  }, {
-    key: "finalizeCreation",
-    value: function finalizeCreation(state, props) {
-      var currentShapeIndex = state.shapes.findIndex(function (shape) {
-        return shape.id === state.isDrawingShapeId;
-      });
-
-      if (currentShapeIndex !== -1) {
-        var currentShape = state.shapes[currentShapeIndex]; // Check if the shape is a valid rectangle (has more than 0 width and height) before finalizing
-
-        if (currentShape.width > 0 && currentShape.height > 0) {
-          return _objectSpread(_objectSpread({}, state), {}, {
-            isDrawing: false,
-            stateShapes: false,
-            isDrawingShapeId: undefined
-          });
-        } else {
-          return _objectSpread(_objectSpread({}, state), {}, {
-            isDrawing: false,
-            stateShapes: false,
-            isDrawingShapeId: undefined,
-            shapes: state.shapes.filter(function (shape) {
-              return shape.id !== state.isDrawingShapeId;
-            })
-          });
-        }
-      } // Return current state if not drawing a rectangle
-
-
-      return _objectSpread(_objectSpread({}, state), {}, {
-        isDrawing: false,
-        stateShapes: false,
-        isDrawingShapeId: undefined
-      });
+  static finalizeCreation(state, props) {
+    const currentShapeIndex = state.shapes.findIndex(shape => shape.id === state.isDrawingShapeId);
+    if (currentShapeIndex !== -1) {
+      const currentShape = state.shapes[currentShapeIndex];
+
+      // Check if the shape is a valid rectangle (has more than 0 width and height) before finalizing
+      if (currentShape.width > 0 && currentShape.height > 0) {
+        return {
+          ...state,
+          isDrawing: false,
+          stateShapes: false,
+          isDrawingShapeId: undefined
+        };
+      } else {
+        return {
+          ...state,
+          isDrawing: false,
+          stateShapes: false,
+          isDrawingShapeId: undefined,
+          shapes: state.shapes.filter(shape => shape.id !== state.isDrawingShapeId)
+        };
+      }
     }
-  }, {
-    key: "handleMouseMove",
-    value: function handleMouseMove(state, e) {
-      var isDrawing = state.isDrawing,
-          isDrawingShapeId = state.isDrawingShapeId,
-          shapes = state.shapes;
 
-      if (isDrawing) {
-        var tempShapes = (0, _toConsumableArray2["default"])(shapes);
-        var resizingShapeIndex = tempShapes.findIndex(function (shape) {
-          return shape.id === isDrawingShapeId;
-        });
-
-        if (resizingShapeIndex !== -1) {
-          var resizingShape = tempShapes[resizingShapeIndex];
-          resizingShape.width = e.evt.layerX - resizingShape.x;
-          resizingShape.height = e.evt.layerY - resizingShape.y;
-          return {
-            shapes: tempShapes
-          };
-        }
+    // Return current state if not drawing a rectangle
+    return {
+      ...state,
+      isDrawing: false,
+      stateShapes: false,
+      isDrawingShapeId: undefined
+    };
+  }
+  static handleMouseMove(state, e) {
+    const {
+      isDrawing,
+      isDrawingShapeId,
+      shapes
+    } = state;
+    if (isDrawing) {
+      const tempShapes = [...shapes];
+      const resizingShapeIndex = tempShapes.findIndex(shape => shape.id === isDrawingShapeId);
+      if (resizingShapeIndex !== -1) {
+        const resizingShape = tempShapes[resizingShapeIndex];
+        resizingShape.width = e.evt.layerX - resizingShape.x;
+        resizingShape.height = e.evt.layerY - resizingShape.y;
+        return {
+          shapes: tempShapes
+        };
       }
-
-      return state;
     }
-  }]);
-  return RectangleShape;
-}();
-
+    return state;
+  }
+}
 exports.RectangleShape = RectangleShape;
-(0, _defineProperty2["default"])(RectangleShape, "name", 'rectangle');
+(0, _defineProperty2.default)(RectangleShape, "name", 'rectangle');
 //# sourceMappingURL=rectagle.js.map

package/configure/lib/shapes/rectagle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shapes/rectagle.js"],"names":["RectangleShape","shapes","e","newShapes","highestId","Math","max","map","shape","parseInt","id","newRectangle","height","width","x","evt","layerX","y","layerY","group","index","length","push","isDrawing","isDrawingShapeId","state","props","currentShapeIndex","findIndex","currentShape","stateShapes","undefined","filter","tempShapes","resizingShapeIndex","resizingShape"],"mappings":"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","sourcesContent":["export class RectangleShape {\n  static name = 'rectangle'\n\n  static create(shapes, e) {\n    const newShapes = [...shapes];\n    const highestId = Math.max(...newShapes.map((shape) => parseInt(shape.id)), 0) || 0;\n\n    const newRectangle = {\n      id: `${highestId + 1}`,\n      height: 0,\n      width: 0,\n      x: e.evt.layerX,\n      y: e.evt.layerY,\n      group: 'rectangles',\n      index: newShapes.length,\n    };\n\n    newShapes.push(newRectangle);\n\n    return {\n      shapes: newShapes,\n      isDrawing: true,\n      isDrawingShapeId: newRectangle.id,\n    };\n  }\n\n  static finalizeCreation(state, props) {\n    const currentShapeIndex = state.shapes.findIndex((shape) => shape.id === state.isDrawingShapeId);\n\n    if (currentShapeIndex !== -1) {\n      const currentShape = state.shapes[currentShapeIndex];\n\n      // Check if the shape is a valid rectangle (has more than 0 width and height) before finalizing\n      if (currentShape.width > 0 && currentShape.height > 0) {\n        return {\n          ...state,\n          isDrawing: false,\n          stateShapes: false,\n          isDrawingShapeId: undefined,\n        };\n      } else {\n        return {\n          ...state,\n          isDrawing: false,\n          stateShapes: false,\n          isDrawingShapeId: undefined,\n          shapes: state.shapes.filter((shape) => shape.id !== state.isDrawingShapeId),\n        };\n      }\n    }\n\n    // Return current state if not drawing a rectangle\n    return {\n      ...state,\n      isDrawing: false,\n      stateShapes: false,\n      isDrawingShapeId: undefined,\n    };\n  }\n\n  static handleMouseMove(state, e) {\n    const { isDrawing, isDrawingShapeId, shapes } = state;\n\n    if (isDrawing) {\n      const tempShapes = [...shapes];\n      const resizingShapeIndex = tempShapes.findIndex((shape) => shape.id === isDrawingShapeId);\n\n      if (resizingShapeIndex !== -1) {\n        const resizingShape = tempShapes[resizingShapeIndex];\n\n        resizingShape.width = e.evt.layerX - resizingShape.x;\n        resizingShape.height = e.evt.layerY - resizingShape.y;\n\n        return {\n          shapes: tempShapes,\n        };\n      }\n    }\n\n    return state;\n  }\n}\n"],"file":"rectagle.js"}
+{"version":3,"file":"rectagle.js","names":["RectangleShape","create","shapes","e","newShapes","highestId","Math","max","map","shape","parseInt","id","newRectangle","height","width","x","evt","layerX","y","layerY","group","index","length","push","isDrawing","isDrawingShapeId","finalizeCreation","state","props","currentShapeIndex","findIndex","currentShape","stateShapes","undefined","filter","handleMouseMove","tempShapes","resizingShapeIndex","resizingShape","exports","_defineProperty2","default"],"sources":["../../src/shapes/rectagle.js"],"sourcesContent":["export class RectangleShape {\n  static name = 'rectangle'\n\n  static create(shapes, e) {\n    const newShapes = [...shapes];\n    const highestId = Math.max(...newShapes.map((shape) => parseInt(shape.id)), 0) || 0;\n\n    const newRectangle = {\n      id: `${highestId + 1}`,\n      height: 0,\n      width: 0,\n      x: e.evt.layerX,\n      y: e.evt.layerY,\n      group: 'rectangles',\n      index: newShapes.length,\n    };\n\n    newShapes.push(newRectangle);\n\n    return {\n      shapes: newShapes,\n      isDrawing: true,\n      isDrawingShapeId: newRectangle.id,\n    };\n  }\n\n  static finalizeCreation(state, props) {\n    const currentShapeIndex = state.shapes.findIndex((shape) => shape.id === state.isDrawingShapeId);\n\n    if (currentShapeIndex !== -1) {\n      const currentShape = state.shapes[currentShapeIndex];\n\n      // Check if the shape is a valid rectangle (has more than 0 width and height) before finalizing\n      if (currentShape.width > 0 && currentShape.height > 0) {\n        return {\n          ...state,\n          isDrawing: false,\n          stateShapes: false,\n          isDrawingShapeId: undefined,\n        };\n      } else {\n        return {\n          ...state,\n          isDrawing: false,\n          stateShapes: false,\n          isDrawingShapeId: undefined,\n          shapes: state.shapes.filter((shape) => shape.id !== state.isDrawingShapeId),\n        };\n      }\n    }\n\n    // Return current state if not drawing a rectangle\n    return {\n      ...state,\n      isDrawing: false,\n      stateShapes: false,\n      isDrawingShapeId: undefined,\n    };\n  }\n\n  static handleMouseMove(state, e) {\n    const { isDrawing, isDrawingShapeId, shapes } = state;\n\n    if (isDrawing) {\n      const tempShapes = [...shapes];\n      const resizingShapeIndex = tempShapes.findIndex((shape) => shape.id === isDrawingShapeId);\n\n      if (resizingShapeIndex !== -1) {\n        const resizingShape = tempShapes[resizingShapeIndex];\n\n        resizingShape.width = e.evt.layerX - resizingShape.x;\n        resizingShape.height = e.evt.layerY - resizingShape.y;\n\n        return {\n          shapes: tempShapes,\n        };\n      }\n    }\n\n    return state;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/shapes/utils.js

@@ -4,24 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SUPPORTED_SHAPES = exports.SHAPE_GROUPS = void 0;
-
 var _circle = require("./circle");
-
 var _polygon = require("./polygon");
-
 var _rectagle = require("./rectagle");
-
-var SUPPORTED_SHAPES = {
+const SUPPORTED_SHAPES = exports.SUPPORTED_SHAPES = {
   CIRCLE: _circle.CircleShape.name,
   POLYGON: _polygon.PolygonShape.name,
   RECTANGLE: _rectagle.RectangleShape.name,
   NONE: 'none'
 };
-exports.SUPPORTED_SHAPES = SUPPORTED_SHAPES;
-var SHAPE_GROUPS = {
+const SHAPE_GROUPS = exports.SHAPE_GROUPS = {
   CIRCLES: 'circles',
   POLYGONS: 'polygons',
   RECTANGLES: 'rectangles'
 };
-exports.SHAPE_GROUPS = SHAPE_GROUPS;
 //# sourceMappingURL=utils.js.map

package/configure/lib/shapes/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shapes/utils.js"],"names":["SUPPORTED_SHAPES","CIRCLE","CircleShape","name","POLYGON","PolygonShape","RECTANGLE","RectangleShape","NONE","SHAPE_GROUPS","CIRCLES","POLYGONS","RECTANGLES"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,MAAM,EAAEC,oBAAYC,IADU;AAE9BC,EAAAA,OAAO,EAAEC,sBAAaF,IAFQ;AAG9BG,EAAAA,SAAS,EAAEC,yBAAeJ,IAHI;AAI9BK,EAAAA,IAAI,EAAE;AAJwB,CAAzB;;AAOA,IAAMC,YAAY,GAAG;AAC1BC,EAAAA,OAAO,EAAE,SADiB;AAE1BC,EAAAA,QAAQ,EAAE,UAFgB;AAG1BC,EAAAA,UAAU,EAAE;AAHc,CAArB","sourcesContent":["import { CircleShape } from './circle';\nimport { PolygonShape } from './polygon';\nimport { RectangleShape } from './rectagle';\n\nexport const SUPPORTED_SHAPES = {\n  CIRCLE: CircleShape.name,\n  POLYGON: PolygonShape.name,\n  RECTANGLE: RectangleShape.name,\n  NONE: 'none',\n};\n\nexport const SHAPE_GROUPS = {\n  CIRCLES: 'circles',\n  POLYGONS: 'polygons',\n  RECTANGLES: 'rectangles',\n};\n"],"file":"utils.js"}
+{"version":3,"file":"utils.js","names":["_circle","require","_polygon","_rectagle","SUPPORTED_SHAPES","exports","CIRCLE","CircleShape","name","POLYGON","PolygonShape","RECTANGLE","RectangleShape","NONE","SHAPE_GROUPS","CIRCLES","POLYGONS","RECTANGLES"],"sources":["../../src/shapes/utils.js"],"sourcesContent":["import { CircleShape } from './circle';\nimport { PolygonShape } from './polygon';\nimport { RectangleShape } from './rectagle';\n\nexport const SUPPORTED_SHAPES = {\n  CIRCLE: CircleShape.name,\n  POLYGON: PolygonShape.name,\n  RECTANGLE: RectangleShape.name,\n  NONE: 'none',\n};\n\nexport const SHAPE_GROUPS = {\n  CIRCLES: 'circles',\n  POLYGONS: 'polygons',\n  RECTANGLES: 'rectangles',\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEO,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,MAAM,EAAEC,mBAAW,CAACC,IAAI;EACxBC,OAAO,EAAEC,qBAAY,CAACF,IAAI;EAC1BG,SAAS,EAAEC,wBAAc,CAACJ,IAAI;EAC9BK,IAAI,EAAE;AACR,CAAC;AAEM,MAAMC,YAAY,GAAAT,OAAA,CAAAS,YAAA,GAAG;EAC1BC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,UAAU;EACpBC,UAAU,EAAE;AACd,CAAC","ignoreList":[]}

package/configure/lib/upload-control.js

@@ -1,68 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _index = require("@material-ui/core/styles/index");
-
 var _button = _interopRequireDefault(require("./button"));
-
-var UploadControl = function UploadControl(_ref) {
-  var classNameButton = _ref.classNameButton,
-      classNameSection = _ref.classNameSection,
-      classes = _ref.classes,
-      label = _ref.label,
-      onInputClick = _ref.onInputClick,
-      onUploadImage = _ref.onUploadImage,
-      setRef = _ref.setRef;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classNameSection
-  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    className: classNameButton,
-    label: label,
-    onClick: onInputClick
-  }), /*#__PURE__*/_react["default"].createElement("input", {
-    accept: "image/*",
-    className: classes.input,
-    onChange: onUploadImage,
-    ref: function ref(_ref2) {
-      setRef(_ref2);
-    },
-    type: "file"
-  }));
-};
-
-var styles = function styles() {
-  return {
-    input: {
-      display: 'none'
-    }
-  };
-};
-
+const UploadControl = ({
+  label,
+  onInputClick,
+  onUploadImage,
+  setRef
+}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, {
+  label: label,
+  onClick: onInputClick
+}), /*#__PURE__*/_react.default.createElement("input", {
+  accept: "image/*",
+  style: {
+    display: 'none'
+  },
+  onChange: onUploadImage,
+  ref: ref => {
+    setRef(ref);
+  },
+  type: "file"
+}));
 UploadControl.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
-  classNameButton: _propTypes["default"].string,
-  classNameSection: _propTypes["default"].string,
-  label: _propTypes["default"].string.isRequired,
-  onInputClick: _propTypes["default"].func.isRequired,
-  onUploadImage: _propTypes["default"].func.isRequired,
-  setRef: _propTypes["default"].func.isRequired
+  label: _propTypes.default.string.isRequired,
+  onInputClick: _propTypes.default.func.isRequired,
+  onUploadImage: _propTypes.default.func.isRequired,
+  setRef: _propTypes.default.func.isRequired
 };
 UploadControl.defaultProps = {
   classNameButton: '',
   classNameSection: ''
 };
-
-var _default = (0, _index.withStyles)(styles)(UploadControl);
-
-exports["default"] = _default;
+var _default = exports.default = UploadControl;
 //# sourceMappingURL=upload-control.js.map

package/configure/lib/upload-control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/upload-control.jsx"],"names":["UploadControl","classNameButton","classNameSection","classes","label","onInputClick","onUploadImage","setRef","input","ref","styles","display","propTypes","PropTypes","object","isRequired","string","func","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGC,eAAH,QAAGA,eAAH;AAAA,MAAoBC,gBAApB,QAAoBA,gBAApB;AAAA,MAAsCC,OAAtC,QAAsCA,OAAtC;AAAA,MAA+CC,KAA/C,QAA+CA,KAA/C;AAAA,MAAsDC,YAAtD,QAAsDA,YAAtD;AAAA,MAAoEC,aAApE,QAAoEA,aAApE;AAAA,MAAmFC,MAAnF,QAAmFA,MAAnF;AAAA,sBACpB;AAAK,IAAA,SAAS,EAAEL;AAAhB,kBACE,gCAAC,kBAAD;AAAQ,IAAA,SAAS,EAAED,eAAnB;AAAoC,IAAA,KAAK,EAAEG,KAA3C;AAAkD,IAAA,OAAO,EAAEC;AAA3D,IADF,eAEE;AACE,IAAA,MAAM,EAAC,SADT;AAEE,IAAA,SAAS,EAAEF,OAAO,CAACK,KAFrB;AAGE,IAAA,QAAQ,EAAEF,aAHZ;AAIE,IAAA,GAAG,EAAE,aAACG,KAAD,EAAS;AACZF,MAAAA,MAAM,CAACE,KAAD,CAAN;AACD,KANH;AAOE,IAAA,IAAI,EAAC;AAPP,IAFF,CADoB;AAAA,CAAtB;;AAeA,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBF,IAAAA,KAAK,EAAE;AACLG,MAAAA,OAAO,EAAE;AADJ;AADa,GAAP;AAAA,CAAf;;AAMAX,aAAa,CAACY,SAAd,GAA0B;AACxBT,EAAAA,OAAO,EAAEU,sBAAUC,MAAV,CAAiBC,UADF;AAExBd,EAAAA,eAAe,EAAEY,sBAAUG,MAFH;AAGxBd,EAAAA,gBAAgB,EAAEW,sBAAUG,MAHJ;AAIxBZ,EAAAA,KAAK,EAAES,sBAAUG,MAAV,CAAiBD,UAJA;AAKxBV,EAAAA,YAAY,EAAEQ,sBAAUI,IAAV,CAAeF,UALL;AAMxBT,EAAAA,aAAa,EAAEO,sBAAUI,IAAV,CAAeF,UANN;AAOxBR,EAAAA,MAAM,EAAEM,sBAAUI,IAAV,CAAeF;AAPC,CAA1B;AAUAf,aAAa,CAACkB,YAAd,GAA6B;AAC3BjB,EAAAA,eAAe,EAAE,EADU;AAE3BC,EAAAA,gBAAgB,EAAE;AAFS,CAA7B;;eAKe,uBAAWQ,MAAX,EAAmBV,aAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles/index';\n\nimport Button from './button';\n\nconst UploadControl = ({ classNameButton, classNameSection, classes, label, onInputClick, onUploadImage, setRef }) => (\n  <div className={classNameSection}>\n    <Button className={classNameButton} label={label} onClick={onInputClick} />\n    <input\n      accept=\"image/*\"\n      className={classes.input}\n      onChange={onUploadImage}\n      ref={(ref) => {\n        setRef(ref);\n      }}\n      type=\"file\"\n    />\n  </div>\n);\n\nconst styles = () => ({\n  input: {\n    display: 'none',\n  },\n});\n\nUploadControl.propTypes = {\n  classes: PropTypes.object.isRequired,\n  classNameButton: PropTypes.string,\n  classNameSection: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  onInputClick: PropTypes.func.isRequired,\n  onUploadImage: PropTypes.func.isRequired,\n  setRef: PropTypes.func.isRequired,\n};\n\nUploadControl.defaultProps = {\n  classNameButton: '',\n  classNameSection: '',\n};\n\nexport default withStyles(styles)(UploadControl);\n"],"file":"upload-control.js"}
+{"version":3,"file":"upload-control.js","names":["_react","_interopRequireDefault","require","_propTypes","_button","UploadControl","label","onInputClick","onUploadImage","setRef","default","createElement","Fragment","onClick","accept","style","display","onChange","ref","type","propTypes","PropTypes","string","isRequired","func","defaultProps","classNameButton","classNameSection","_default","exports"],"sources":["../src/upload-control.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from './button';\n\nconst UploadControl = ({ label, onInputClick, onUploadImage, setRef }) => (\n  <>\n    <Button label={label} onClick={onInputClick} />\n    <input\n      accept=\"image/*\"\n      style={{ display: 'none' }}\n      onChange={onUploadImage}\n      ref={(ref) => {\n        setRef(ref);\n      }}\n      type=\"file\"\n    />\n  </>\n);\n\nUploadControl.propTypes = {\n  label: PropTypes.string.isRequired,\n  onInputClick: PropTypes.func.isRequired,\n  onUploadImage: PropTypes.func.isRequired,\n  setRef: PropTypes.func.isRequired,\n};\n\nUploadControl.defaultProps = {\n  classNameButton: '',\n  classNameSection: '',\n};\n\nexport default UploadControl;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,MAAMG,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC,YAAY;EAAEC,aAAa;EAAEC;AAAO,CAAC,kBACnET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAAAX,MAAA,CAAAU,OAAA,CAAAE,QAAA,qBACEZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAM,OAAM;EAACJ,KAAK,EAAEA,KAAM;EAACO,OAAO,EAAEN;AAAa,CAAE,CAAC,eAC/CP,MAAA,CAAAU,OAAA,CAAAC,aAAA;EACEG,MAAM,EAAC,SAAS;EAChBC,KAAK,EAAE;IAAEC,OAAO,EAAE;EAAO,CAAE;EAC3BC,QAAQ,EAAET,aAAc;EACxBU,GAAG,EAAGA,GAAG,IAAK;IACZT,MAAM,CAACS,GAAG,CAAC;EACb,CAAE;EACFC,IAAI,EAAC;AAAM,CACZ,CACD,CACH;AAEDd,aAAa,CAACe,SAAS,GAAG;EACxBd,KAAK,EAAEe,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClChB,YAAY,EAAEc,kBAAS,CAACG,IAAI,CAACD,UAAU;EACvCf,aAAa,EAAEa,kBAAS,CAACG,IAAI,CAACD,UAAU;EACxCd,MAAM,EAAEY,kBAAS,CAACG,IAAI,CAACD;AACzB,CAAC;AAEDlB,aAAa,CAACoB,YAAY,GAAG;EAC3BC,eAAe,EAAE,EAAE;EACnBC,gBAAgB,EAAE;AACpB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEaL,aAAa","ignoreList":[]}