@webiny/ui 5.40.0-beta.1 → 5.40.0-beta.3

package/ImageUpload/SingleImageUpload.js

@@ -9,49 +9,42 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _reactButterfiles = _interopRequireDefault(require("react-butterfiles"));
 var _FormElementMessage = require("../FormElementMessage");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Image = _interopRequireDefault(require("./Image"));
-var _ImageEditorDialog = _interopRequireDefault(require("./ImageEditorDialog"));
-var ImageUploadWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+var _ImageEditorDialog = require("./ImageEditorDialog");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var ImageUploadWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e96x95k0"
+} : {
   target: "e96x95k0",
   label: "ImageUploadWrapper"
-})({
-  position: "relative",
-  ".disabled": {
-    opacity: 0.75,
-    pointerEvents: "none"
-  },
-  ".mdc-floating-label--float-above": {
-    transform: "scale(0.75)",
-    top: 10,
-    left: 10,
-    color: "var(--mdc-theme-text-secondary-on-background)"
-  },
-  ".mdc-text-field-helper-text": {
-    color: "var(--mdc-theme-text-secondary-on-background)"
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "rdeqjg",
+  styles: "position:relative;.disabled{opacity:0.75;pointer-events:none;}.mdc-floating-label--float-above{transform:scale(0.75);top:10px;left:10px;color:var(--mdc-theme-text-secondary-on-background);}.mdc-text-field-helper-text{color:var(--mdc-theme-text-secondary-on-background);}"
+} : {
+  name: "rdeqjg",
+  styles: "position:relative;.disabled{opacity:0.75;pointer-events:none;}.mdc-floating-label--float-above{transform:scale(0.75);top:10px;left:10px;color:var(--mdc-theme-text-secondary-on-background);}.mdc-text-field-helper-text{color:var(--mdc-theme-text-secondary-on-background);}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpbmdsZUltYWdlVXBsb2FkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTMkIiLCJmaWxlIjoiU2luZ2xlSW1hZ2VVcGxvYWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgRm9ybUNvbXBvbmVudFByb3BzIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCBCcm93c2VGaWxlcywgeyBTZWxlY3RlZEZpbGUsIEZpbGVFcnJvciB9IGZyb20gXCJyZWFjdC1idXR0ZXJmaWxlc1wiO1xuaW1wb3J0IHsgRm9ybUVsZW1lbnRNZXNzYWdlIH0gZnJvbSBcIn4vRm9ybUVsZW1lbnRNZXNzYWdlXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgSW1hZ2UgZnJvbSBcIi4vSW1hZ2VcIjtcbmltcG9ydCB7IEltYWdlRWRpdG9yRGlhbG9nIH0gZnJvbSBcIi4vSW1hZ2VFZGl0b3JEaWFsb2dcIjtcblxuY29uc3QgSW1hZ2VVcGxvYWRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIFwiLmRpc2FibGVkXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NSxcbiAgICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCJcbiAgICB9LFxuICAgIFwiLm1kYy1mbG9hdGluZy1sYWJlbC0tZmxvYXQtYWJvdmVcIjoge1xuICAgICAgICB0cmFuc2Zvcm06IFwic2NhbGUoMC43NSlcIixcbiAgICAgICAgdG9wOiAxMCxcbiAgICAgICAgbGVmdDogMTAsXG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgfSxcbiAgICBcIi5tZGMtdGV4dC1maWVsZC1oZWxwZXItdGV4dFwiOiB7XG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgfVxufSk7XG5cbmludGVyZmFjZSBTaW5nbGVJbWFnZVVwbG9hZFByb3BzIGV4dGVuZHMgRm9ybUNvbXBvbmVudFByb3BzIHtcbiAgICAvLyBDb21wb25lbnQgbGFiZWwuXG4gICAgbGFiZWw/OiBzdHJpbmc7XG5cbiAgICAvLyBJcyBjb21wb25lbnQgZGlzYWJsZWQ/XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuXG4gICAgLy8gRGVzY3JpcHRpb24gYmVuZWF0aCB0aGUgaW1hZ2UuXG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG5cbiAgICAvLyBBIGNsYXNzTmFtZSBmb3IgdGhlIHJvb3QgZWxlbWVudC5cbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG5cbiAgICAvLyBEZWZpbmUgYSBsaXN0IG9mIGFjY2VwdGVkIGltYWdlIHR5cGVzLlxuICAgIGFjY2VwdD86IHN0cmluZ1tdO1xuXG4gICAgLy8gRGVmaW5lIGZpbGUncyBtYXggYWxsb3dlZCBzaXplIChkZWZhdWx0IGlzIFwiMTBtYlwiKS5cbiAgICAvLyBVc2VzIFwiYnl0ZXNcIiAoaHR0cHM6Ly93d3cubnBtanMuY29tL3BhY2thZ2UvYnl0ZXMpIGxpYnJhcnkgdG8gY29udmVydCBzdHJpbmcgbm90YXRpb24gdG8gYWN0dWFsIG51bWJlci5cbiAgICBtYXhTaXplOiBzdHJpbmc7XG5cbiAgICAvLyBJbWFnZSBlZGl0b3Igb3B0aW9ucy5cbiAgICAvLyBQbGVhc2UgY2hlY2sgdGhlIGRvY3Mgb2YgSW1hZ2VFZGl0b3IgY29tcG9uZW50IGZvciB0aGUgbGlzdCBvZiBhbGwgYXZhaWxhYmxlIG9wdGlvbnMuXG4gICAgaW1hZ2VFZGl0b3I/OiB7XG4gICAgICAgIFtrZXk6IHN0cmluZ106IGFueTtcbiAgICB9O1xuXG4gICAgLy8gQ3VzdG9tIGltYWdlIHByZXZpZXcgcmVuZGVyZXIuIEJ5IGRlZmF1bHQgaW1hZ2VzIGFyZSByZW5kZXJlZCB2aWEgc2ltcGxlIDxpbWc+IGVsZW1lbnQuXG4gICAgcmVuZGVySW1hZ2VQcmV2aWV3PzogKCkgPT4gUmVhY3QuUmVhY3RFbGVtZW50PGFueT47XG5cbiAgICAvLyBTaG91bGQgcmVtb3ZlIGltYWdlIGJ1dHRvbiAodG9wIHJpZ2h0IOKclSkgYmUgc2hvd24/IERlZmF1bHQgaXMgc2V0IHRvIGB0cnVlYC5cbiAgICBzaG93UmVtb3ZlSW1hZ2VCdXR0b24/OiBib29sZWFuO1xuXG4gICAgLy8gVXNlIHRoZXNlIHRvIGN1c3RvbWl6ZSBlcnJvciBtZXNzYWdlcyAoZWcuIGlmIGkxOG4gc3VwcG9ydGVkIGlzIG5lZWRlZCkuXG4gICAgZXJyb3JNZXNzYWdlczoge1xuICAgICAgICBtYXhTaXplRXhjZWVkZWQ6IHN0cmluZztcbiAgICAgICAgdW5zdXBwb3J0ZWRGaWxlVHlwZTogc3RyaW5nO1xuICAgICAgICBkZWZhdWx0OiBzdHJpbmc7XG4gICAgICAgIG11bHRpcGxlTm90QWxsb3dlZDogc3RyaW5nO1xuICAgICAgICBtdWx0aXBsZU1heFNpemVFeGNlZWRlZDogc3RyaW5nO1xuICAgIH07XG59XG5cbmludGVyZmFjZSBTdGF0ZUltYWdlIHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgdHlwZTogc3RyaW5nO1xuICAgIHNpemU6IG51bWJlcjtcbiAgICBzcmM/OiBzdHJpbmc7XG59XG5pbnRlcmZhY2UgU3RhdGUge1xuICAgIGxvYWRpbmc6IGJvb2xlYW47XG4gICAgZXJyb3I6IEZpbGVFcnJvciB8IG51bGw7XG4gICAgaW1hZ2VFZGl0b3I6IHtcbiAgICAgICAgaW1hZ2U6IFN0YXRlSW1hZ2UgfCBudWxsO1xuICAgICAgICBvcGVuOiBib29sZWFuO1xuICAgIH07XG59XG5cbi8vIERvIG5vdCBhcHBseSBlZGl0aW5nIGZvciBmb2xsb3dpbmcgaW1hZ2UgdHlwZXMuXG5jb25zdCBub0ltYWdlRWRpdGluZ1R5cGVzID0gW1wiaW1hZ2Uvc3ZnK3htbFwiLCBcImltYWdlL2dpZlwiXTtcblxudHlwZSBFcnJvclR5cGUgPVxuICAgIHwgXCJtYXhTaXplRXhjZWVkZWRcIlxuICAgIHwgXCJ1bnN1cHBvcnRlZEZpbGVUeXBlXCJcbiAgICB8IFwiZGVmYXVsdFwiXG4gICAgfCBcIm11bHRpcGxlTm90QWxsb3dlZFwiXG4gICAgfCBcIm11bHRpcGxlTWF4U2l6ZUV4Y2VlZGVkXCI7XG5cbmV4cG9ydCBjbGFzcyBTaW5nbGVJbWFnZVVwbG9hZCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudDxTaW5nbGVJbWFnZVVwbG9hZFByb3BzLCBTdGF0ZT4ge1xuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8U2luZ2xlSW1hZ2VVcGxvYWRQcm9wcz4gPSB7XG4gICAgICAgIG1heFNpemU6IFwiMTBtYlwiLFxuICAgICAgICBpbWFnZUVkaXRvcjoge30sXG4gICAgICAgIGFjY2VwdDogW1wiaW1hZ2UvanBlZ1wiLCBcImltYWdlL3BuZ1wiLCBcImltYWdlL2dpZlwiLCBcImltYWdlL3N2Zyt4bWxcIl0sXG4gICAgICAgIHNob3dSZW1vdmVJbWFnZUJ1dHRvbjogdHJ1ZSxcbiAgICAgICAgZXJyb3JNZXNzYWdlczoge1xuICAgICAgICAgICAgbWF4U2l6ZUV4Y2VlZGVkOiBcIk1heCBzaXplIGV4Y2VlZGVkLlwiLFxuICAgICAgICAgICAgbXVsdGlwbGVNYXhTaXplRXhjZWVkZWQ6IFwiU2VsZWN0ZWQgZmllbGRzIGV4Y2VlZCBtYXggZmlsZSBzaXplLlwiLFxuICAgICAgICAgICAgbXVsdGlwbGVOb3RBbGxvd2VkOiBcIk11bHRpcGxlIHNlbGVjdGlvbiBub3QgYWxsb3dlZC5cIixcbiAgICAgICAgICAgIHVuc3VwcG9ydGVkRmlsZVR5cGU6IFwiVW5zdXBwb3J0ZWQgZmlsZSB0eXBlLlwiLFxuICAgICAgICAgICAgZGVmYXVsdDogXCJBbiBlcnJvciBvY2N1cnJlZC5cIlxuICAgICAgICB9XG4gICAgfTtcblxuICAgIHB1YmxpYyBvdmVycmlkZSBzdGF0ZTogU3RhdGUgPSB7XG4gICAgICAgIGxvYWRpbmc6IGZhbHNlLFxuICAgICAgICBlcnJvcjogbnVsbCxcbiAgICAgICAgaW1hZ2VFZGl0b3I6IHtcbiAgICAgICAgICAgIG9wZW46IGZhbHNlLFxuICAgICAgICAgICAgaW1hZ2U6IG51bGxcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBoYW5kbGVGaWxlcyA9IChpbWFnZXM6IFNlbGVjdGVkRmlsZVtdKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgb25DaGFuZ2UsIGltYWdlRWRpdG9yIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICBjb25zdCBpbWFnZSA9IHtcbiAgICAgICAgICAgIG5hbWU6IGltYWdlc1swXS5uYW1lLFxuICAgICAgICAgICAgdHlwZTogaW1hZ2VzWzBdLnR5cGUsXG4gICAgICAgICAgICBzaXplOiBpbWFnZXNbMF0uc2l6ZSxcbiAgICAgICAgICAgIHNyYzogaW1hZ2VzWzBdLnNyYy5iYXNlNjRcbiAgICAgICAgfTtcblxuICAgICAgICB0aGlzLnNldFN0YXRlKHsgZXJyb3I6IG51bGwgfSwgKCkgPT4ge1xuICAgICAgICAgICAgaWYgKGltYWdlRWRpdG9yICYmICFub0ltYWdlRWRpdGluZ1R5cGVzLmluY2x1ZGVzKGltYWdlLnR5cGUpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zZXRTdGF0ZSh7IGltYWdlRWRpdG9yOiB7IGltYWdlLCBvcGVuOiB0cnVlIH0gfSk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKGltYWdlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfTtcblxuICAgIGhhbmRsZUVycm9ycyA9IChlcnJvcnM6IEZpbGVFcnJvcltdKSA9PiB7XG4gICAgICAgIGNvbnN0IFtlcnJvcl0gPSBlcnJvcnM7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoeyBlcnJvciB9KTtcbiAgICB9O1xuXG4gICAgcHVibGljIG92ZXJyaWRlIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgICAgdmFsdWUsXG4gICAgICAgICAgICB2YWxpZGF0aW9uLFxuICAgICAgICAgICAgbGFiZWwsXG4gICAgICAgICAgICBkZXNjcmlwdGlvbixcbiAgICAgICAgICAgIGFjY2VwdCxcbiAgICAgICAgICAgIG1heFNpemUsXG4gICAgICAgICAgICBvbkNoYW5nZSxcbiAgICAgICAgICAgIGltYWdlRWRpdG9yLFxuICAgICAgICAgICAgc2hvd1JlbW92ZUltYWdlQnV0dG9uLFxuICAgICAgICAgICAgcmVuZGVySW1hZ2VQcmV2aWV3XG4gICAgICAgIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICAgIGxldCBpbWFnZUVkaXRvckltYWdlU3JjID0gXCJcIjtcbiAgICAgICAgaWYgKHRoaXMuc3RhdGUuaW1hZ2VFZGl0b3IuaW1hZ2UgJiYgdGhpcy5zdGF0ZS5pbWFnZUVkaXRvci5pbWFnZS5zcmMpIHtcbiAgICAgICAgICAgIGltYWdlRWRpdG9ySW1hZ2VTcmMgPSB0aGlzLnN0YXRlLmltYWdlRWRpdG9yLmltYWdlLnNyYztcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHNyYyA9IHZhbHVlID8gdmFsdWUuc3JjIDogbnVsbDtcblxuICAgICAgICBjb25zdCBlcnJvclR5cGUgPSB0aGlzLnN0YXRlLmVycm9yID8gKHRoaXMuc3RhdGUuZXJyb3IudHlwZSBhcyBFcnJvclR5cGUpIDogbnVsbDtcblxuICAgICAgICBjb25zdCB7IGlzVmFsaWQ6IHZhbGlkYXRpb25Jc1ZhbGlkLCBtZXNzYWdlOiB2YWxpZGF0aW9uTWVzc2FnZSB9ID0gdmFsaWRhdGlvbiB8fCB7fTtcbiAgICAgICAgLyoqXG4gICAgICAgICAqIGFjY2VwdCBjYW4gYmUgc2FmZWx5IGNhc3QgYmVjYXVzZSBvZiBkZWZhdWx0IHZhbHVlXG4gICAgICAgICAqIGVycm9yVHlwZSBhcyBrZXlvZiBQcm9wc1tcImVycm9yTWVzc2FnZXNcIl0gY2FuIGJlIHNhZmVseVxuICAgICAgICAgKi9cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxJbWFnZVVwbG9hZFdyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSl9PlxuICAgICAgICAgICAgICAgIHtsYWJlbCAmJiAhc3JjICYmIChcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJtZGMtZmxvYXRpbmctbGFiZWwgbWRjLWZsb2F0aW5nLWxhYmVsLS1mbG9hdC1hYm92ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgPEltYWdlRWRpdG9yRGlhbG9nXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbnM9e2ltYWdlRWRpdG9yfVxuICAgICAgICAgICAgICAgICAgICBvcGVuPXt0aGlzLnN0YXRlLmltYWdlRWRpdG9yLm9wZW59XG4gICAgICAgICAgICAgICAgICAgIHNyYz17aW1hZ2VFZGl0b3JJbWFnZVNyY31cbiAgICAgICAgICAgICAgICAgICAgb25DbG9zZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5zZXRTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3RhdGUuaW1hZ2VFZGl0b3Iub3BlbiA9IGZhbHNlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBzdGF0ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBvbkFjY2VwdD17c3JjID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIC8vIFdlIHdyYXBwZWQgZXZlcnl0aGluZyBpbnRvIHNldFRpbWVvdXQgLSBwcmV2ZW50cyBkaWFsb2cgZnJlZXplIHdoZW4gbGFyZ2VyIGltYWdlIGlzIHNlbGVjdGVkLlxuICAgICAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5zZXRTdGF0ZSh7IGxvYWRpbmc6IHRydWUgfSwgYXN5bmMgKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZSAmJlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGF3YWl0IG9uQ2hhbmdlKHsgLi4udGhpcy5zdGF0ZS5pbWFnZUVkaXRvci5pbWFnZSwgc3JjIH0pKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsb2FkaW5nOiBmYWxzZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGltYWdlRWRpdG9yOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW1hZ2U6IG51bGwsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3BlbjogZmFsc2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxCcm93c2VGaWxlc1xuICAgICAgICAgICAgICAgICAgICBhY2NlcHQ9e2FjY2VwdCBhcyBzdHJpbmdbXX1cbiAgICAgICAgICAgICAgICAgICAgbWF4U2l6ZT17bWF4U2l6ZX1cbiAgICAgICAgICAgICAgICAgICAgY29udmVydFRvQmFzZTY0XG4gICAgICAgICAgICAgICAgICAgIG9uU3VjY2Vzcz17dGhpcy5oYW5kbGVGaWxlc31cbiAgICAgICAgICAgICAgICAgICAgb25FcnJvcj17dGhpcy5oYW5kbGVFcnJvcnN9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7KHsgYnJvd3NlRmlsZXMsIGdldERyb3Bab25lUHJvcHMgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiB7Li4uZ2V0RHJvcFpvbmVQcm9wcygpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVuZGVySW1hZ2VQcmV2aWV3PXtyZW5kZXJJbWFnZVByZXZpZXd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9e3RoaXMuc3RhdGUubG9hZGluZ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZW1vdmVJbWFnZT17c2hvd1JlbW92ZUltYWdlQnV0dG9uID8gb25DaGFuZ2UgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHVwbG9hZEltYWdlPXticm93c2VGaWxlc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZWRpdEltYWdlPXticm93c2VGaWxlc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9Ccm93c2VGaWxlcz5cblxuICAgICAgICAgICAgICAgIHt2YWxpZGF0aW9uSXNWYWxpZCA9PT0gZmFsc2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Rm9ybUVsZW1lbnRNZXNzYWdlIGVycm9yPnt2YWxpZGF0aW9uTWVzc2FnZX08L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAge3ZhbGlkYXRpb25Jc1ZhbGlkICE9PSBmYWxzZSAmJiBkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2U+e2Rlc2NyaXB0aW9ufTwvRm9ybUVsZW1lbnRNZXNzYWdlPlxuICAgICAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgICAgICB7dGhpcy5zdGF0ZS5lcnJvciAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2UgZXJyb3I+XG4gICAgICAgICAgICAgICAgICAgICAgICB7dGhpcy5wcm9wcy5lcnJvck1lc3NhZ2VzW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVycm9yVHlwZSBhcyBrZXlvZiBTaW5nbGVJbWFnZVVwbG9hZFByb3BzW1wiZXJyb3JNZXNzYWdlc1wiXVxuICAgICAgICAgICAgICAgICAgICAgICAgXSB8fCB0aGlzLnByb3BzLmVycm9yTWVzc2FnZXMuZGVmYXVsdH1cbiAgICAgICAgICAgICAgICAgICAgPC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvSW1hZ2VVcGxvYWRXcmFwcGVyPlxuICAgICAgICApO1xuICAgIH1cbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 // Do not apply editing for following image types.
 var noImageEditingTypes = ["image/svg+xml", "image/gif"];
-var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(SingleImageUpload, _React$Component);
-  var _super = (0, _createSuper2.default)(SingleImageUpload);
+var SingleImageUpload = exports.SingleImageUpload = /*#__PURE__*/function (_React$Component) {
   function SingleImageUpload() {
     var _this;
     (0, _classCallCheck2.default)(this, SingleImageUpload);
     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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = (0, _callSuper2.default)(this, SingleImageUpload, [].concat(args));
+    (0, _defineProperty2.default)(_this, "state", {
       loading: false,
       error: null,
       imageEditor: {
@@ -59,7 +52,7 @@ var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
         image: null
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFiles", function (images) {
+    (0, _defineProperty2.default)(_this, "handleFiles", function (images) {
       var _this$props = _this.props,
         onChange = _this$props.onChange,
         imageEditor = _this$props.imageEditor;
@@ -84,7 +77,7 @@ var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
         }
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleErrors", function (errors) {
+    (0, _defineProperty2.default)(_this, "handleErrors", function (errors) {
       var _errors = (0, _slicedToArray2.default)(errors, 1),
         error = _errors[0];
       _this.setState({
@@ -93,7 +86,8 @@ var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(SingleImageUpload, [{
+  (0, _inherits2.default)(SingleImageUpload, _React$Component);
+  return (0, _createClass2.default)(SingleImageUpload, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -126,7 +120,7 @@ var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
         className: (0, _classnames.default)(className)
       }, label && !src && /*#__PURE__*/_react.default.createElement("div", {
         className: "mdc-floating-label mdc-floating-label--float-above"
-      }, label), /*#__PURE__*/_react.default.createElement(_ImageEditorDialog.default, {
+      }, label), /*#__PURE__*/_react.default.createElement(_ImageEditorDialog.ImageEditorDialog, {
         options: imageEditor,
         open: this.state.imageEditor.open,
         src: imageEditorImageSrc,
@@ -179,9 +173,7 @@ var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
       }, this.props.errorMessages[errorType] || this.props.errorMessages.default));
     }
   }]);
-  return SingleImageUpload;
 }(_react.default.Component);
-exports.SingleImageUpload = SingleImageUpload;
 (0, _defineProperty2.default)(SingleImageUpload, "defaultProps", {
   maxSize: "10mb",
   imageEditor: {},

package/ImageUpload/SingleImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactButterfiles","_FormElementMessage","_styled","_classnames","_Image","_ImageEditorDialog","ImageUploadWrapper","styled","target","label","position","opacity","pointerEvents","transform","top","left","color","noImageEditingTypes","SingleImageUpload","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","loading","error","imageEditor","open","image","images","_this$props","props","onChange","name","type","size","src","base64","setState","includes","errors","_errors","_slicedToArray2","_createClass2","key","value","render","_this2","_this$props2","className","validation","description","accept","maxSize","showRemoveImageButton","renderImagePreview","imageEditorImageSrc","state","errorType","_ref","validationIsValid","isValid","validationMessage","message","createElement","classNames","options","onClose","onAccept","setTimeout","_objectSpread2","convertToBase64","onSuccess","handleFiles","onError","handleErrors","_ref2","browseFiles","getDropZoneProps","removeImage","undefined","uploadImage","editImage","FormElementMessage","errorMessages","React","Component","exports","maxSizeExceeded","multipleMaxSizeExceeded","multipleNotAllowed","unsupportedFileType"],"sources":["SingleImageUpload.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport BrowseFiles, { SelectedFile, FileError } from \"react-butterfiles\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport Image from \"./Image\";\nimport ImageEditorDialog from \"./ImageEditorDialog\";\n\nconst ImageUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-floating-label--float-above\": {\n        transform: \"scale(0.75)\",\n        top: 10,\n        left: 10,\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\ninterface SingleImageUploadProps extends FormComponentProps {\n    // Component label.\n    label?: string;\n\n    // Is component disabled?\n    disabled?: boolean;\n\n    // Description beneath the image.\n    description?: string;\n\n    // A className for the root element.\n    className?: string;\n\n    // Define a list of accepted image types.\n    accept?: string[];\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize: string;\n\n    // Image editor options.\n    // Please check the docs of ImageEditor component for the list of all available options.\n    imageEditor?: {\n        [key: string]: any;\n    };\n\n    // Custom image preview renderer. By default images are rendered via simple <img> element.\n    renderImagePreview?: () => React.ReactElement<any>;\n\n    // Should remove image button (top right ✕) be shown? Default is set to `true`.\n    showRemoveImageButton?: boolean;\n\n    // Use these to customize error messages (eg. if i18n supported is needed).\n    errorMessages: {\n        maxSizeExceeded: string;\n        unsupportedFileType: string;\n        default: string;\n        multipleNotAllowed: string;\n        multipleMaxSizeExceeded: string;\n    };\n}\n\ninterface StateImage {\n    name: string;\n    type: string;\n    size: number;\n    src?: string;\n}\ninterface State {\n    loading: boolean;\n    error: FileError | null;\n    imageEditor: {\n        image: StateImage | null;\n        open: boolean;\n    };\n}\n\n// Do not apply editing for following image types.\nconst noImageEditingTypes = [\"image/svg+xml\", \"image/gif\"];\n\ntype ErrorType =\n    | \"maxSizeExceeded\"\n    | \"unsupportedFileType\"\n    | \"default\"\n    | \"multipleNotAllowed\"\n    | \"multipleMaxSizeExceeded\";\n\nexport class SingleImageUpload extends React.Component<SingleImageUploadProps, State> {\n    static defaultProps: Partial<SingleImageUploadProps> = {\n        maxSize: \"10mb\",\n        imageEditor: {},\n        accept: [\"image/jpeg\", \"image/png\", \"image/gif\", \"image/svg+xml\"],\n        showRemoveImageButton: true,\n        errorMessages: {\n            maxSizeExceeded: \"Max size exceeded.\",\n            multipleMaxSizeExceeded: \"Selected fields exceed max file size.\",\n            multipleNotAllowed: \"Multiple selection not allowed.\",\n            unsupportedFileType: \"Unsupported file type.\",\n            default: \"An error occurred.\"\n        }\n    };\n\n    public override state: State = {\n        loading: false,\n        error: null,\n        imageEditor: {\n            open: false,\n            image: null\n        }\n    };\n\n    handleFiles = (images: SelectedFile[]) => {\n        const { onChange, imageEditor } = this.props;\n        const image = {\n            name: images[0].name,\n            type: images[0].type,\n            size: images[0].size,\n            src: images[0].src.base64\n        };\n\n        this.setState({ error: null }, () => {\n            if (imageEditor && !noImageEditingTypes.includes(image.type)) {\n                this.setState({ imageEditor: { image, open: true } });\n            } else {\n                onChange && onChange(image);\n            }\n        });\n    };\n\n    handleErrors = (errors: FileError[]) => {\n        const [error] = errors;\n        this.setState({ error });\n    };\n\n    public override render() {\n        const {\n            className,\n            value,\n            validation,\n            label,\n            description,\n            accept,\n            maxSize,\n            onChange,\n            imageEditor,\n            showRemoveImageButton,\n            renderImagePreview\n        } = this.props;\n\n        let imageEditorImageSrc = \"\";\n        if (this.state.imageEditor.image && this.state.imageEditor.image.src) {\n            imageEditorImageSrc = this.state.imageEditor.image.src;\n        }\n\n        const src = value ? value.src : null;\n\n        const errorType = this.state.error ? (this.state.error.type as ErrorType) : null;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n        /**\n         * accept can be safely cast because of default value\n         * errorType as keyof Props[\"errorMessages\"] can be safely\n         */\n        return (\n            <ImageUploadWrapper className={classNames(className)}>\n                {label && !src && (\n                    <div className=\"mdc-floating-label mdc-floating-label--float-above\">\n                        {label}\n                    </div>\n                )}\n\n                <ImageEditorDialog\n                    options={imageEditor}\n                    open={this.state.imageEditor.open}\n                    src={imageEditorImageSrc}\n                    onClose={() => {\n                        this.setState(state => {\n                            state.imageEditor.open = false;\n                            return state;\n                        });\n                    }}\n                    onAccept={src => {\n                        // We wrapped everything into setTimeout - prevents dialog freeze when larger image is selected.\n                        setTimeout(() => {\n                            this.setState({ loading: true }, async () => {\n                                onChange &&\n                                    (await onChange({ ...this.state.imageEditor.image, src }));\n                                this.setState({\n                                    loading: false,\n                                    imageEditor: {\n                                        image: null,\n                                        open: false\n                                    }\n                                });\n                            });\n                        });\n                    }}\n                />\n                <BrowseFiles\n                    accept={accept as string[]}\n                    maxSize={maxSize}\n                    convertToBase64\n                    onSuccess={this.handleFiles}\n                    onError={this.handleErrors}\n                >\n                    {({ browseFiles, getDropZoneProps }) => (\n                        <div {...getDropZoneProps()}>\n                            <Image\n                                renderImagePreview={renderImagePreview}\n                                loading={this.state.loading}\n                                value={value}\n                                removeImage={showRemoveImageButton ? onChange : undefined}\n                                uploadImage={browseFiles}\n                                editImage={browseFiles}\n                            />\n                        </div>\n                    )}\n                </BrowseFiles>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n\n                {this.state.error && (\n                    <FormElementMessage error>\n                        {this.props.errorMessages[\n                            errorType as keyof SingleImageUploadProps[\"errorMessages\"]\n                        ] || this.props.errorMessages.default}\n                    </FormElementMessage>\n                )}\n            </ImageUploadWrapper>\n        );\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactButterfiles","_FormElementMessage","_classnames","_Image","_ImageEditorDialog","_EMOTION_STRINGIFIED_CSS_ERROR__","ImageUploadWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","noImageEditingTypes","SingleImageUpload","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","loading","error","imageEditor","open","image","images","_this$props","props","onChange","type","size","src","base64","setState","includes","errors","_errors","_slicedToArray2","_inherits2","_createClass2","key","value","render","_this2","_this$props2","className","validation","description","accept","maxSize","showRemoveImageButton","renderImagePreview","imageEditorImageSrc","state","errorType","_ref","validationIsValid","isValid","validationMessage","message","createElement","classNames","ImageEditorDialog","options","onClose","onAccept","setTimeout","_objectSpread2","convertToBase64","onSuccess","handleFiles","onError","handleErrors","_ref2","browseFiles","getDropZoneProps","removeImage","undefined","uploadImage","editImage","FormElementMessage","errorMessages","React","Component","maxSizeExceeded","multipleMaxSizeExceeded","multipleNotAllowed","unsupportedFileType"],"sources":["SingleImageUpload.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport BrowseFiles, { SelectedFile, FileError } from \"react-butterfiles\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport Image from \"./Image\";\nimport { ImageEditorDialog } from \"./ImageEditorDialog\";\n\nconst ImageUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-floating-label--float-above\": {\n        transform: \"scale(0.75)\",\n        top: 10,\n        left: 10,\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\ninterface SingleImageUploadProps extends FormComponentProps {\n    // Component label.\n    label?: string;\n\n    // Is component disabled?\n    disabled?: boolean;\n\n    // Description beneath the image.\n    description?: string;\n\n    // A className for the root element.\n    className?: string;\n\n    // Define a list of accepted image types.\n    accept?: string[];\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize: string;\n\n    // Image editor options.\n    // Please check the docs of ImageEditor component for the list of all available options.\n    imageEditor?: {\n        [key: string]: any;\n    };\n\n    // Custom image preview renderer. By default images are rendered via simple <img> element.\n    renderImagePreview?: () => React.ReactElement<any>;\n\n    // Should remove image button (top right ✕) be shown? Default is set to `true`.\n    showRemoveImageButton?: boolean;\n\n    // Use these to customize error messages (eg. if i18n supported is needed).\n    errorMessages: {\n        maxSizeExceeded: string;\n        unsupportedFileType: string;\n        default: string;\n        multipleNotAllowed: string;\n        multipleMaxSizeExceeded: string;\n    };\n}\n\ninterface StateImage {\n    name: string;\n    type: string;\n    size: number;\n    src?: string;\n}\ninterface State {\n    loading: boolean;\n    error: FileError | null;\n    imageEditor: {\n        image: StateImage | null;\n        open: boolean;\n    };\n}\n\n// Do not apply editing for following image types.\nconst noImageEditingTypes = [\"image/svg+xml\", \"image/gif\"];\n\ntype ErrorType =\n    | \"maxSizeExceeded\"\n    | \"unsupportedFileType\"\n    | \"default\"\n    | \"multipleNotAllowed\"\n    | \"multipleMaxSizeExceeded\";\n\nexport class SingleImageUpload extends React.Component<SingleImageUploadProps, State> {\n    static defaultProps: Partial<SingleImageUploadProps> = {\n        maxSize: \"10mb\",\n        imageEditor: {},\n        accept: [\"image/jpeg\", \"image/png\", \"image/gif\", \"image/svg+xml\"],\n        showRemoveImageButton: true,\n        errorMessages: {\n            maxSizeExceeded: \"Max size exceeded.\",\n            multipleMaxSizeExceeded: \"Selected fields exceed max file size.\",\n            multipleNotAllowed: \"Multiple selection not allowed.\",\n            unsupportedFileType: \"Unsupported file type.\",\n            default: \"An error occurred.\"\n        }\n    };\n\n    public override state: State = {\n        loading: false,\n        error: null,\n        imageEditor: {\n            open: false,\n            image: null\n        }\n    };\n\n    handleFiles = (images: SelectedFile[]) => {\n        const { onChange, imageEditor } = this.props;\n        const image = {\n            name: images[0].name,\n            type: images[0].type,\n            size: images[0].size,\n            src: images[0].src.base64\n        };\n\n        this.setState({ error: null }, () => {\n            if (imageEditor && !noImageEditingTypes.includes(image.type)) {\n                this.setState({ imageEditor: { image, open: true } });\n            } else {\n                onChange && onChange(image);\n            }\n        });\n    };\n\n    handleErrors = (errors: FileError[]) => {\n        const [error] = errors;\n        this.setState({ error });\n    };\n\n    public override render() {\n        const {\n            className,\n            value,\n            validation,\n            label,\n            description,\n            accept,\n            maxSize,\n            onChange,\n            imageEditor,\n            showRemoveImageButton,\n            renderImagePreview\n        } = this.props;\n\n        let imageEditorImageSrc = \"\";\n        if (this.state.imageEditor.image && this.state.imageEditor.image.src) {\n            imageEditorImageSrc = this.state.imageEditor.image.src;\n        }\n\n        const src = value ? value.src : null;\n\n        const errorType = this.state.error ? (this.state.error.type as ErrorType) : null;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n        /**\n         * accept can be safely cast because of default value\n         * errorType as keyof Props[\"errorMessages\"] can be safely\n         */\n        return (\n            <ImageUploadWrapper className={classNames(className)}>\n                {label && !src && (\n                    <div className=\"mdc-floating-label mdc-floating-label--float-above\">\n                        {label}\n                    </div>\n                )}\n\n                <ImageEditorDialog\n                    options={imageEditor}\n                    open={this.state.imageEditor.open}\n                    src={imageEditorImageSrc}\n                    onClose={() => {\n                        this.setState(state => {\n                            state.imageEditor.open = false;\n                            return state;\n                        });\n                    }}\n                    onAccept={src => {\n                        // We wrapped everything into setTimeout - prevents dialog freeze when larger image is selected.\n                        setTimeout(() => {\n                            this.setState({ loading: true }, async () => {\n                                onChange &&\n                                    (await onChange({ ...this.state.imageEditor.image, src }));\n                                this.setState({\n                                    loading: false,\n                                    imageEditor: {\n                                        image: null,\n                                        open: false\n                                    }\n                                });\n                            });\n                        });\n                    }}\n                />\n                <BrowseFiles\n                    accept={accept as string[]}\n                    maxSize={maxSize}\n                    convertToBase64\n                    onSuccess={this.handleFiles}\n                    onError={this.handleErrors}\n                >\n                    {({ browseFiles, getDropZoneProps }) => (\n                        <div {...getDropZoneProps()}>\n                            <Image\n                                renderImagePreview={renderImagePreview}\n                                loading={this.state.loading}\n                                value={value}\n                                removeImage={showRemoveImageButton ? onChange : undefined}\n                                uploadImage={browseFiles}\n                                editImage={browseFiles}\n                            />\n                        </div>\n                    )}\n                </BrowseFiles>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n\n                {this.state.error && (\n                    <FormElementMessage error>\n                        {this.props.errorMessages[\n                            errorType as keyof SingleImageUploadProps[\"errorMessages\"]\n                        ] || this.props.errorMessages.default}\n                    </FormElementMessage>\n                )}\n            </ImageUploadWrapper>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ImageUpload/index.d.ts

@@ -1,4 +1,4 @@
 export { SingleImageUpload } from "./SingleImageUpload";
 export { MultiImageUpload } from "./MultiImageUpload";
 export { default as Image } from "./Image";
-export { default as ImageEditorDialog } from "./ImageEditorDialog";
+export { ImageEditorDialog } from "./ImageEditorDialog";

package/ImageUpload/index.js

@@ -13,7 +13,7 @@ Object.defineProperty(exports, "Image", {
 Object.defineProperty(exports, "ImageEditorDialog", {
   enumerable: true,
   get: function get() {
-    return _ImageEditorDialog.default;
+    return _ImageEditorDialog.ImageEditorDialog;
   }
 });
 Object.defineProperty(exports, "MultiImageUpload", {
@@ -31,6 +31,6 @@ Object.defineProperty(exports, "SingleImageUpload", {
 var _SingleImageUpload = require("./SingleImageUpload");
 var _MultiImageUpload = require("./MultiImageUpload");
 var _Image = _interopRequireDefault(require("./Image"));
-var _ImageEditorDialog = _interopRequireDefault(require("./ImageEditorDialog"));
+var _ImageEditorDialog = require("./ImageEditorDialog");
 
 //# sourceMappingURL=index.js.map

package/ImageUpload/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_SingleImageUpload","require","_MultiImageUpload","_Image","_interopRequireDefault","_ImageEditorDialog"],"sources":["index.ts"],"sourcesContent":["export { SingleImageUpload } from \"./SingleImageUpload\";\nexport { MultiImageUpload } from \"./MultiImageUpload\";\nexport { default as Image } from \"./Image\";\nexport { default as ImageEditorDialog } from \"./ImageEditorDialog\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAD,sBAAA,CAAAH,OAAA"}
+{"version":3,"names":["_SingleImageUpload","require","_MultiImageUpload","_Image","_interopRequireDefault","_ImageEditorDialog"],"sources":["index.ts"],"sourcesContent":["export { SingleImageUpload } from \"./SingleImageUpload\";\nexport { MultiImageUpload } from \"./MultiImageUpload\";\nexport { default as Image } from \"./Image\";\nexport { ImageEditorDialog } from \"./ImageEditorDialog\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA","ignoreList":[]}

package/ImageUpload/styled.d.ts

@@ -1,29 +1,27 @@
 /// <reference types="react" />
 export declare const AddImageIconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AddImageWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AddImageWrapperRound: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const RemoveImage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const EditImage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ImagePreviewWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/ImageUpload/styled.js

@@ -6,96 +6,84 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RemoveImage = exports.ImagePreviewWrapper = exports.EditImage = exports.AddImageWrapperRound = exports.AddImageWrapper = exports.AddImageIconWrapper = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _styled2 = _interopRequireDefault(require("@emotion/styled"));
-var _hover, _styled;
-var AddImageIconWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
-  target: "e1engwcq0",
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var AddImageIconWrapper = exports.AddImageIconWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq5"
+} : {
+  target: "e1engwcq5",
   label: "AddImageIconWrapper"
-})({
-  color: "var(--mdc-theme-text-secondary-on-background)",
-  ">svg": {
-    width: "100%",
-    height: "100%",
-    maxWidth: 50,
-    maxHeight: 50,
-    display: "block",
-    opacity: 0.5,
-    margin: "0 auto"
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "dkc958",
+  styles: "color:var(--mdc-theme-text-secondary-on-background);>svg{width:100%;height:100%;max-width:50px;max-height:50px;display:block;opacity:0.5;margin:0 auto;}"
+} : {
+  name: "dkc958",
+  styles: "color:var(--mdc-theme-text-secondary-on-background);>svg{width:100%;height:100%;max-width:50px;max-height:50px;display:block;opacity:0.5;margin:0 auto;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFbUMiLCJmaWxlIjoic3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZUljb25XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICBcIj5zdmdcIjoge1xuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIG1heFdpZHRoOiA1MCxcbiAgICAgICAgbWF4SGVpZ2h0OiA1MCxcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgIG1hcmdpbjogXCIwIGF1dG9cIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdHJhbnNpdGlvbjogXCJjb2xvciAwLjJzXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAxMCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjUpXCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlclJvdW5kID0gc3R5bGVkKEFkZEltYWdlV3JhcHBlcikoe1xuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgICBoZWlnaHQ6IFwiMTUwcHhcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlSW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIHJpZ2h0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBFZGl0SW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIGxlZnQ6IDEwLFxuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIGNvbG9yOiBcIndoaXRlXCIsXG4gICAgb3BhY2l0eTogMC41LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAuNzVcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEltYWdlUHJldmlld1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIG1pbkhlaWdodDogNTAsXG4gICAgbWluV2lkdGg6IDUwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYXJvdW5kXCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsIDAuNzUpXCIsXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlSWNvbldyYXBwZXJdOiB7XG4gICAgICAgICAgICB0b3A6IFwiNTAlXCIsXG4gICAgICAgICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSkgdHJhbnNsYXRlWCgtNTAlKVwiLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIGNvbG9yOiBcIndoaXRlXCJcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW1JlbW92ZUltYWdlXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgekluZGV4OiAyXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0VkaXRJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9XG4gICAgfVxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.AddImageIconWrapper = AddImageIconWrapper;
-var AddImageWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
-  target: "e1engwcq1",
+var AddImageWrapper = exports.AddImageWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq4"
+} : {
+  target: "e1engwcq4",
   label: "AddImageWrapper"
-})({
-  width: "100%",
-  height: "100%",
-  minHeight: 50,
-  minWidth: 50,
-  textAlign: "center",
-  backgroundColor: "var(--mdc-theme-on-background)",
-  borderRadius: 0,
-  borderBottom: "1px solid var(--mdc-theme-text-hint-on-background)",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-around",
-  flexDirection: "column",
-  transition: "color 0.2s",
-  cursor: "pointer",
-  padding: 10,
-  boxSizing: "border-box",
-  "&:hover": {
-    backgroundColor: "rgba(0,0,0, 0.5)",
-    borderBottom: "1px solid var(--mdc-theme-on-surface)"
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "4pf0ii",
+  styles: "width:100%;height:100%;min-height:50px;min-width:50px;text-align:center;background-color:var(--mdc-theme-on-background);border-radius:0;border-bottom:1px solid var(--mdc-theme-text-hint-on-background);display:flex;align-items:center;justify-content:space-around;flex-direction:column;transition:color 0.2s;cursor:pointer;padding:10px;box-sizing:border-box;&:hover{background-color:rgba(0,0,0, 0.5);border-bottom:1px solid var(--mdc-theme-on-surface);}"
+} : {
+  name: "4pf0ii",
+  styles: "width:100%;height:100%;min-height:50px;min-width:50px;text-align:center;background-color:var(--mdc-theme-on-background);border-radius:0;border-bottom:1px solid var(--mdc-theme-text-hint-on-background);display:flex;align-items:center;justify-content:space-around;flex-direction:column;transition:color 0.2s;cursor:pointer;padding:10px;box-sizing:border-box;&:hover{background-color:rgba(0,0,0, 0.5);border-bottom:1px solid var(--mdc-theme-on-surface);}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlK0IiLCJmaWxlIjoic3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZUljb25XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICBcIj5zdmdcIjoge1xuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIG1heFdpZHRoOiA1MCxcbiAgICAgICAgbWF4SGVpZ2h0OiA1MCxcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgIG1hcmdpbjogXCIwIGF1dG9cIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdHJhbnNpdGlvbjogXCJjb2xvciAwLjJzXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAxMCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjUpXCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlclJvdW5kID0gc3R5bGVkKEFkZEltYWdlV3JhcHBlcikoe1xuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgICBoZWlnaHQ6IFwiMTUwcHhcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlSW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIHJpZ2h0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBFZGl0SW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIGxlZnQ6IDEwLFxuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIGNvbG9yOiBcIndoaXRlXCIsXG4gICAgb3BhY2l0eTogMC41LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAuNzVcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEltYWdlUHJldmlld1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIG1pbkhlaWdodDogNTAsXG4gICAgbWluV2lkdGg6IDUwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYXJvdW5kXCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsIDAuNzUpXCIsXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlSWNvbldyYXBwZXJdOiB7XG4gICAgICAgICAgICB0b3A6IFwiNTAlXCIsXG4gICAgICAgICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSkgdHJhbnNsYXRlWCgtNTAlKVwiLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIGNvbG9yOiBcIndoaXRlXCJcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW1JlbW92ZUltYWdlXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgekluZGV4OiAyXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0VkaXRJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9XG4gICAgfVxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.AddImageWrapper = AddImageWrapper;
-var AddImageWrapperRound = /*#__PURE__*/(0, _styled2.default)(AddImageWrapper, {
-  target: "e1engwcq2",
+var AddImageWrapperRound = exports.AddImageWrapperRound = /*#__PURE__*/(0, _base.default)(AddImageWrapper, process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq3"
+} : {
+  target: "e1engwcq3",
   label: "AddImageWrapperRound"
-})({
-  margin: "auto",
-  width: "150px",
-  height: "150px",
-  borderRadius: "50%"
+})(process.env.NODE_ENV === "production" ? {
+  name: "k3f3kd",
+  styles: "margin:auto;width:150px;height:150px;border-radius:50%"
+} : {
+  name: "k3f3kd",
+  styles: "margin:auto;width:150px;height:150px;border-radius:50%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ29DIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRWRpdEltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICBsZWZ0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBJbWFnZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjc1KVwiLFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZUljb25XcmFwcGVyXToge1xuICAgICAgICAgICAgdG9wOiBcIjUwJVwiLFxuICAgICAgICAgICAgbGVmdDogXCI1MCVcIixcbiAgICAgICAgICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoLTUwJSlcIixcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBjb2xvcjogXCJ3aGl0ZVwiXG4gICAgICAgIH1cbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtSZW1vdmVJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtFZGl0SW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.AddImageWrapperRound = AddImageWrapperRound;
-var RemoveImage = /*#__PURE__*/(0, _styled2.default)("div", {
-  target: "e1engwcq3",
+var RemoveImage = exports.RemoveImage = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq2"
+} : {
+  target: "e1engwcq2",
   label: "RemoveImage"
-})({
-  position: "absolute",
-  cursor: "pointer",
-  top: 10,
-  right: 10,
-  display: "none",
-  color: "white",
-  opacity: 0.5,
-  "&:hover": {
-    opacity: 0.75
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "1opwi5t",
+  styles: "position:absolute;cursor:pointer;top:10px;right:10px;display:none;color:white;opacity:0.5;&:hover{opacity:0.75;}"
+} : {
+  name: "1opwi5t",
+  styles: "position:absolute;cursor:pointer;top:10px;right:10px;display:none;color:white;opacity:0.5;&:hover{opacity:0.75;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzJCIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRWRpdEltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICBsZWZ0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBJbWFnZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjc1KVwiLFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZUljb25XcmFwcGVyXToge1xuICAgICAgICAgICAgdG9wOiBcIjUwJVwiLFxuICAgICAgICAgICAgbGVmdDogXCI1MCVcIixcbiAgICAgICAgICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoLTUwJSlcIixcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBjb2xvcjogXCJ3aGl0ZVwiXG4gICAgICAgIH1cbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtSZW1vdmVJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtFZGl0SW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.RemoveImage = RemoveImage;
-var EditImage = /*#__PURE__*/(0, _styled2.default)("div", {
-  target: "e1engwcq4",
+var EditImage = exports.EditImage = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq1"
+} : {
+  target: "e1engwcq1",
   label: "EditImage"
-})({
-  position: "absolute",
-  cursor: "pointer",
-  top: 10,
-  left: 10,
-  display: "none",
-  color: "white",
-  opacity: 0.5,
-  "&:hover": {
-    opacity: 0.75
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "4ngyna",
+  styles: "position:absolute;cursor:pointer;top:10px;left:10px;display:none;color:white;opacity:0.5;&:hover{opacity:0.75;}"
+} : {
+  name: "4ngyna",
+  styles: "position:absolute;cursor:pointer;top:10px;left:10px;display:none;color:white;opacity:0.5;&:hover{opacity:0.75;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRHlCIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRWRpdEltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICBsZWZ0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBJbWFnZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjc1KVwiLFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZUljb25XcmFwcGVyXToge1xuICAgICAgICAgICAgdG9wOiBcIjUwJVwiLFxuICAgICAgICAgICAgbGVmdDogXCI1MCVcIixcbiAgICAgICAgICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoLTUwJSlcIixcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBjb2xvcjogXCJ3aGl0ZVwiXG4gICAgICAgIH1cbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtSZW1vdmVJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtFZGl0SW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.EditImage = EditImage;
-var ImagePreviewWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
-  target: "e1engwcq5",
+var ImagePreviewWrapper = exports.ImagePreviewWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq0"
+} : {
+  target: "e1engwcq0",
   label: "ImagePreviewWrapper"
-})((_styled = {
+})((0, _defineProperty2.default)((0, _defineProperty2.default)({
   width: "100%",
   height: "100%",
   minHeight: 50,
@@ -106,7 +94,7 @@ var ImagePreviewWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
   flexDirection: "column",
   boxSizing: "border-box",
   position: "relative"
-}, (0, _defineProperty2.default)(_styled, AddImageWrapper, (0, _defineProperty2.default)({
+}, AddImageWrapper, (0, _defineProperty2.default)({
   position: "absolute",
   display: "none",
   top: 0,
@@ -119,15 +107,14 @@ var ImagePreviewWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
   transform: "translateY(-50%) translateX(-50%)",
   position: "absolute",
   color: "white"
-})), (0, _defineProperty2.default)(_styled, "&:hover", (_hover = {}, (0, _defineProperty2.default)(_hover, AddImageWrapper, {
+})), "&:hover", (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, AddImageWrapper, {
   display: "block"
-}), (0, _defineProperty2.default)(_hover, RemoveImage, {
+}), RemoveImage, {
   display: "block",
   zIndex: 2
-}), (0, _defineProperty2.default)(_hover, EditImage, {
+}), EditImage, {
   display: "block",
   zIndex: 2
-}), _hover)), _styled));
-exports.ImagePreviewWrapper = ImagePreviewWrapper;
+})), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RW1DIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRWRpdEltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICBsZWZ0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBJbWFnZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjc1KVwiLFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZUljb25XcmFwcGVyXToge1xuICAgICAgICAgICAgdG9wOiBcIjUwJVwiLFxuICAgICAgICAgICAgbGVmdDogXCI1MCVcIixcbiAgICAgICAgICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoLTUwJSlcIixcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBjb2xvcjogXCJ3aGl0ZVwiXG4gICAgICAgIH1cbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtSZW1vdmVJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtFZGl0SW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */");
 
 //# sourceMappingURL=styled.js.map

package/ImageUpload/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["_styled2","_interopRequireDefault","require","_hover","_styled","AddImageIconWrapper","styled","target","label","color","width","height","maxWidth","maxHeight","display","opacity","margin","exports","AddImageWrapper","minHeight","minWidth","textAlign","backgroundColor","borderRadius","borderBottom","alignItems","justifyContent","flexDirection","transition","cursor","padding","boxSizing","AddImageWrapperRound","RemoveImage","position","top","right","EditImage","left","ImagePreviewWrapper","_defineProperty2","default","zIndex","transform"],"sources":["styled.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const AddImageIconWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    \">svg\": {\n        width: \"100%\",\n        height: \"100%\",\n        maxWidth: 50,\n        maxHeight: 50,\n        display: \"block\",\n        opacity: 0.5,\n        margin: \"0 auto\"\n    }\n});\n\nexport const AddImageWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    textAlign: \"center\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    transition: \"color 0.2s\",\n    cursor: \"pointer\",\n    padding: 10,\n    boxSizing: \"border-box\",\n    \"&:hover\": {\n        backgroundColor: \"rgba(0,0,0, 0.5)\",\n        borderBottom: \"1px solid var(--mdc-theme-on-surface)\"\n    }\n});\n\nexport const AddImageWrapperRound = styled(AddImageWrapper)({\n    margin: \"auto\",\n    width: \"150px\",\n    height: \"150px\",\n    borderRadius: \"50%\"\n});\n\nexport const RemoveImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    right: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const EditImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    left: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const ImagePreviewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    boxSizing: \"border-box\",\n    position: \"relative\",\n    // @ts-expect-error\n    [AddImageWrapper]: {\n        position: \"absolute\",\n        display: \"none\",\n        top: 0,\n        height: \"100%\",\n        zIndex: 1,\n        backgroundColor: \"rgba(0,0,0, 0.75)\",\n        // @ts-expect-error\n        [AddImageIconWrapper]: {\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translateY(-50%) translateX(-50%)\",\n            position: \"absolute\",\n            color: \"white\"\n        }\n    },\n    \"&:hover\": {\n        // @ts-expect-error\n        [AddImageWrapper]: {\n            display: \"block\"\n        },\n        // @ts-expect-error\n        [RemoveImage]: {\n            display: \"block\",\n            zIndex: 2\n        },\n        // @ts-expect-error\n        [EditImage]: {\n            display: \"block\",\n            zIndex: 2\n        }\n    }\n});\n"],"mappings":"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"}
+{"version":3,"names":["AddImageIconWrapper","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","AddImageWrapper","AddImageWrapperRound","RemoveImage","EditImage","ImagePreviewWrapper","_defineProperty2","width","height","minHeight","minWidth","display","alignItems","justifyContent","flexDirection","boxSizing","position","top","zIndex","backgroundColor","left","transform","color"],"sources":["styled.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const AddImageIconWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    \">svg\": {\n        width: \"100%\",\n        height: \"100%\",\n        maxWidth: 50,\n        maxHeight: 50,\n        display: \"block\",\n        opacity: 0.5,\n        margin: \"0 auto\"\n    }\n});\n\nexport const AddImageWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    textAlign: \"center\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    transition: \"color 0.2s\",\n    cursor: \"pointer\",\n    padding: 10,\n    boxSizing: \"border-box\",\n    \"&:hover\": {\n        backgroundColor: \"rgba(0,0,0, 0.5)\",\n        borderBottom: \"1px solid var(--mdc-theme-on-surface)\"\n    }\n});\n\nexport const AddImageWrapperRound = styled(AddImageWrapper)({\n    margin: \"auto\",\n    width: \"150px\",\n    height: \"150px\",\n    borderRadius: \"50%\"\n});\n\nexport const RemoveImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    right: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const EditImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    left: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const ImagePreviewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    boxSizing: \"border-box\",\n    position: \"relative\",\n    // @ts-expect-error\n    [AddImageWrapper]: {\n        position: \"absolute\",\n        display: \"none\",\n        top: 0,\n        height: \"100%\",\n        zIndex: 1,\n        backgroundColor: \"rgba(0,0,0, 0.75)\",\n        // @ts-expect-error\n        [AddImageIconWrapper]: {\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translateY(-50%) translateX(-50%)\",\n            position: \"absolute\",\n            color: \"white\"\n        }\n    },\n    \"&:hover\": {\n        // @ts-expect-error\n        [AddImageWrapper]: {\n            display: \"block\"\n        },\n        // @ts-expect-error\n        [RemoveImage]: {\n            display: \"block\",\n            zIndex: 2\n        },\n        // @ts-expect-error\n        [EditImage]: {\n            display: \"block\",\n            zIndex: 2\n        }\n    }\n});\n"],"mappings":"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","ignoreList":[]}

package/Input/Input.d.ts

@@ -18,9 +18,7 @@ export declare type InputProps<TValue = any> = FormComponentProps<TValue> & Text
     size?: "small" | "medium" | "large";
     children?: React.ReactNode;
 };
-export declare const Input: {
-    (props: InputProps): JSX.Element;
-    defaultProps: {
-        rawOnChange: boolean;
-    };
+export declare type InputOnKeyDownProps = React.SyntheticEvent<HTMLInputElement> & {
+    key?: string;
 };
+export declare const Input: (props: InputProps) => React.JSX.Element;