authscape 1.0.594 → 1.0.596

package/index.js

@@ -1504,6 +1504,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Dropzone = void 0;
+var _iconsMaterial = require("@mui/icons-material");
 var _material = require("@mui/material");
 var _react = _interopRequireWildcard(require("react"));
 var _reactDropzone = require("react-dropzone");
@@ -1544,6 +1545,8 @@ var rejectStyle = {
 var Dropzone = function Dropzone(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? "Drag 'n' drop some files here, or click to select files" : _ref$text,
+    _ref$image = _ref.image,
+    image = _ref$image === void 0 ? null : _ref$image,
     _ref$styleOverride = _ref.styleOverride,
     styleOverride = _ref$styleOverride === void 0 ? null : _ref$styleOverride,
     _ref$onDrop = _ref.onDrop,
@@ -1587,7 +1590,18 @@ var Dropzone = function Dropzone(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_material.Box, getRootProps({
     style: style
-  }), /*#__PURE__*/_react["default"].createElement("input", getInputProps()), /*#__PURE__*/_react["default"].createElement(_material.Box, null, text)));
+  }), /*#__PURE__*/_react["default"].createElement("input", getInputProps()), /*#__PURE__*/_react["default"].createElement(_material.Box, {
+    sx: {
+      paddingBottom: 1
+    }
+  }, image != null && /*#__PURE__*/_react["default"].createElement("img", {
+    src: image,
+    width: 200,
+    height: 200,
+    style: {
+      objectFit: "contain"
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_material.Box, null, text)));
 };
 exports.Dropzone = Dropzone;
 "use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.594",
+  "version": "1.0.596",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/dropzone.js

@@ -1,3 +1,4 @@
+import { AspectRatio } from '@mui/icons-material';
 import { Box } from '@mui/material';
 import React, {useMemo} from 'react';
 import {useDropzone} from 'react-dropzone';
@@ -32,7 +33,7 @@ const rejectStyle = {
   borderColor: '#ff1744'
 };
 
-export const Dropzone = ({text = "Drag 'n' drop some files here, or click to select files", styleOverride = null, onDrop = null, maxFiles = 1, multiple = false, accept = {
+export const Dropzone = ({text = "Drag 'n' drop some files here, or click to select files", image = null, styleOverride = null, onDrop = null, maxFiles = 1, multiple = false, accept = {
   'image/*': []
 }}) => {
 
@@ -82,6 +83,11 @@ export const Dropzone = ({text = "Drag 'n' drop some files here, or click to sel
     <Box className="container" sx={{cursor:"pointer"}}>
       <Box {...getRootProps({style})}>
         <input {...getInputProps()} />
+        <Box sx={{paddingBottom:1}}>
+          {image != null &&
+            <img src={image} width={200} height={200} style={{objectFit: "contain"}} />
+          }
+        </Box>
         <Box>{text}</Box>
       </Box>
     </Box>