mui-select-and-crop-image - npm Package Compare versions

Comparing version 1.9.2 to 1.10.0

dist/Context.d.ts

@@ -11,2 +11,3 @@ import React, { FunctionComponent } from 'react';
     colors: {
+        backgroundColor?: string;
         loader: string;
@@ -13,0 +14,0 @@ };

dist/DropArea.d.ts

 import React, { ReactNode } from 'react';
 import { IFileImage } from './useDropzone';
 declare type IDropAreaProps = {
+    backgroundColor?: string;
     isLoading?: boolean;
@@ -5,0 +6,0 @@ hideMenuButton?: boolean;

dist/index.d.ts

@@ -7,2 +7,3 @@ import { FunctionComponent, RefObject } from 'react';
     url?: string;
+    backgroundColor?: string;
 } & ({
@@ -9,0 +10,0 @@ width: number;

dist/index.js

@@ -362,3 +362,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _excluded$1 = ["width", "aspect", "isLoading", "hideMenuButton", "onDelete", "onDrop", "minWidth", "minHeight", "children"];
+var _excluded$1 = ["width", "aspect", "isLoading", "hideMenuButton", "onDelete", "onDrop", "minWidth", "minHeight", "children", "backgroundColor"];
 var CardMediaStyle = material.styled('div')(function (_ref) {
@@ -399,2 +399,3 @@ var theme = _ref.theme;
       children = _ref3.children,
+      backgroundColor = _ref3.backgroundColor,
       props = _objectWithoutPropertiesLoose(_ref3, _excluded$1);
@@ -460,3 +461,4 @@
     sx: {
-      paddingTop: "calc(100% * " + aspect + ")"
+      paddingTop: "calc(100% * " + aspect + ")",
+      backgroundColor: backgroundColor || colors.backgroundColor
     }
@@ -560,2 +562,3 @@ }), React__default.createElement(material.Box, {
     minWidth: image.width,
+    backgroundColor: preview === null || preview === void 0 ? void 0 : preview.backgroundColor,
     image: preview.url,
@@ -562,0 +565,0 @@ onDrop: setFile,

dist/index.modern.js

@@ -361,3 +361,3 @@ import { Card, CardHeader, IconButton, CardContent, Stack, CardActions, Slider, Button, styled, alpha, Box, CircularProgress, Fab, Menu, MenuItem, Divider, Dialog } from '@mui/material';
 
-var _excluded$1 = ["width", "aspect", "isLoading", "hideMenuButton", "onDelete", "onDrop", "minWidth", "minHeight", "children"];
+var _excluded$1 = ["width", "aspect", "isLoading", "hideMenuButton", "onDelete", "onDrop", "minWidth", "minHeight", "children", "backgroundColor"];
 var CardMediaStyle = styled('div')(function (_ref) {
@@ -398,2 +398,3 @@ var theme = _ref.theme;
       children = _ref3.children,
+      backgroundColor = _ref3.backgroundColor,
       props = _objectWithoutPropertiesLoose(_ref3, _excluded$1);
@@ -459,3 +460,4 @@
     sx: {
-      paddingTop: "calc(100% * " + aspect + ")"
+      paddingTop: "calc(100% * " + aspect + ")",
+      backgroundColor: backgroundColor || colors.backgroundColor
     }
@@ -559,2 +561,3 @@ }), React.createElement(Box, {
     minWidth: image.width,
+    backgroundColor: preview === null || preview === void 0 ? void 0 : preview.backgroundColor,
     image: preview.url,
@@ -561,0 +564,0 @@ onDrop: setFile,

dist/useStore.d.ts

@@ -10,2 +10,3 @@ declare const useStore: () => {
     colors: {
+        backgroundColor?: string | undefined;
         loader: string;
@@ -12,0 +13,0 @@ };

package.json

 {
   "private": false,
   "name": "mui-select-and-crop-image",
-  "version": "1.9.2",
+  "version": "1.10.0",
   "description": "mui-select-and-crop-image",
@@ -6,0 +6,0 @@ "author": "CodingByJerez",

No alert changes

Improved metrics

Total package byte prevSize

155648

increased by0.84%

Lines of code

1157

increased by0.87%

No dependency changes