@siamf/upload 1.2.8 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -0
- package/dist/cjs/components/image/ImageUpload.d.ts +1 -1
- package/dist/cjs/components/image/ImageUpload.js +9 -2
- package/dist/cjs/components/image/ImageUpload.js.map +1 -1
- package/dist/cjs/components/image/typings.d.ts +3 -0
- package/dist/cjs/components/image/typings.js.map +1 -1
- package/dist/esm/components/image/ImageUpload.d.ts +1 -1
- package/dist/esm/components/image/ImageUpload.js +9 -2
- package/dist/esm/components/image/ImageUpload.js.map +1 -1
- package/dist/esm/components/image/typings.d.ts +3 -0
- package/dist/esm/components/image/typings.js.map +1 -1
- package/package.json +4 -1
package/README.md
CHANGED
|
File without changes
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ImagePropsTypes } from "./typings";
|
|
2
|
-
declare const ImageUpload: ({ inputProps, acceptType, maxFileSize, resolutionWidth, resolutionHeight, resolutionType, children, onChange, value, onError }: ImagePropsTypes) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const ImageUpload: ({ inputProps, acceptType, maxFileSize, resolutionWidth, resolutionHeight, resolutionType, children, onChange, value, onError, cropWhenNoResolutionMatch, onCropStart }: ImagePropsTypes) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default ImageUpload;
|
|
@@ -15,7 +15,7 @@ const react_1 = require("react");
|
|
|
15
15
|
const typings_1 = require("./typings");
|
|
16
16
|
//Utils
|
|
17
17
|
const utils_1 = require("../utils/utils");
|
|
18
|
-
const ImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, resolutionHeight, resolutionType = "absolute", children, onChange, value, onError }) => {
|
|
18
|
+
const ImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, resolutionHeight, resolutionType = "absolute", children, onChange, value, onError, cropWhenNoResolutionMatch, onCropStart }) => {
|
|
19
19
|
//Validations
|
|
20
20
|
//@ts-ignore
|
|
21
21
|
if (Array.isArray(acceptType) && acceptType.includes(typings_1.ImageAcceptType.ALL)) {
|
|
@@ -26,6 +26,7 @@ const ImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, res
|
|
|
26
26
|
//State
|
|
27
27
|
const [isDragging, setIsDragging] = (0, react_1.useState)(false);
|
|
28
28
|
const [errors, setErrors] = (0, react_1.useState)({ acceptType: false, maxFileSize: false, resolution: false });
|
|
29
|
+
const [crop, setCrop] = (0, react_1.useState)(false);
|
|
29
30
|
//Handle Change
|
|
30
31
|
const handleChange = (files) => __awaiter(void 0, void 0, void 0, function* () {
|
|
31
32
|
if (!files)
|
|
@@ -49,8 +50,13 @@ const ImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, res
|
|
|
49
50
|
//Resolution Check
|
|
50
51
|
const image = yield (0, utils_1.getImage)(file);
|
|
51
52
|
const checkRes = (0, utils_1.isResolutionValid)(image, resolutionType, resolutionWidth, resolutionHeight);
|
|
52
|
-
if (!checkRes)
|
|
53
|
+
if (!checkRes && !cropWhenNoResolutionMatch)
|
|
53
54
|
newErrors.resolution = true;
|
|
55
|
+
else if (!checkRes && cropWhenNoResolutionMatch) {
|
|
56
|
+
onCropStart === null || onCropStart === void 0 ? void 0 : onCropStart();
|
|
57
|
+
setCrop(true);
|
|
58
|
+
}
|
|
59
|
+
;
|
|
54
60
|
setErrors(newErrors);
|
|
55
61
|
if (newErrors.acceptType || newErrors.maxFileSize || newErrors.resolution) {
|
|
56
62
|
onError === null || onError === void 0 ? void 0 : onError(newErrors);
|
|
@@ -60,6 +66,7 @@ const ImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, res
|
|
|
60
66
|
onChange({
|
|
61
67
|
file: file,
|
|
62
68
|
dataURL: dataUrl,
|
|
69
|
+
needCrop: crop
|
|
63
70
|
});
|
|
64
71
|
});
|
|
65
72
|
//On Image Remove
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageUpload.js","sourceRoot":"","sources":["../../../../src/components/image/ImageUpload.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;AACb,iCAA8E;AAC9E,uCAA8E;AAE9E,OAAO;AACP,0CAAyG;AAEzG,MAAM,WAAW,GAAG,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,GAAG,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAmB,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"ImageUpload.js","sourceRoot":"","sources":["../../../../src/components/image/ImageUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { DragEvent } from "react";
|
|
|
2
2
|
export type ImageType = {
|
|
3
3
|
file?: File;
|
|
4
4
|
dataURL?: string;
|
|
5
|
+
needCrop?: boolean;
|
|
5
6
|
} | null;
|
|
6
7
|
type TExportTypes = {
|
|
7
8
|
dragProps: {
|
|
@@ -50,6 +51,8 @@ export interface ImagePropsTypes extends TPropsTypes {
|
|
|
50
51
|
onChange: (value: ImageType) => void;
|
|
51
52
|
value: ImageType;
|
|
52
53
|
onError?: (errors: ImageErrorTypes) => void;
|
|
54
|
+
cropWhenNoResolutionMatch?: boolean;
|
|
55
|
+
onCropStart?: () => void;
|
|
53
56
|
}
|
|
54
57
|
export type MultiImageType = ImageType[];
|
|
55
58
|
export interface MultiImageErrorTypes extends ImageErrorTypes {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../../src/components/image/typings.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../../src/components/image/typings.ts"],"names":[],"mappings":";;;AA8BA,IAAY,eAYX;AAZD,WAAY,eAAe;IACvB,8BAAW,CAAA;IACX,wCAAqB,CAAA;IACrB,oCAAiB,CAAA;IACjB,sCAAmB,CAAA;IACnB,oCAAiB,CAAA;IACjB,oCAAiB,CAAA;IACjB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,uCAAoB,CAAA;IACpB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;AACvB,CAAC,EAZW,eAAe,+BAAf,eAAe,QAY1B"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ImagePropsTypes } from "./typings";
|
|
2
|
-
declare const ImageUpload: ({ inputProps, acceptType, maxFileSize, resolutionWidth, resolutionHeight, resolutionType, children, onChange, value, onError }: ImagePropsTypes) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const ImageUpload: ({ inputProps, acceptType, maxFileSize, resolutionWidth, resolutionHeight, resolutionType, children, onChange, value, onError, cropWhenNoResolutionMatch, onCropStart }: ImagePropsTypes) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default ImageUpload;
|
|
@@ -13,7 +13,7 @@ import { useRef, useState, useCallback } from "react";
|
|
|
13
13
|
import { ImageAcceptType } from "./typings";
|
|
14
14
|
//Utils
|
|
15
15
|
import { openFileDialog, getImageAccepts, getBase64, getImage, isResolutionValid } from "../utils/utils";
|
|
16
|
-
const ImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, resolutionHeight, resolutionType = "absolute", children, onChange, value, onError }) => {
|
|
16
|
+
const ImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, resolutionHeight, resolutionType = "absolute", children, onChange, value, onError, cropWhenNoResolutionMatch, onCropStart }) => {
|
|
17
17
|
//Validations
|
|
18
18
|
//@ts-ignore
|
|
19
19
|
if (Array.isArray(acceptType) && acceptType.includes(ImageAcceptType.ALL)) {
|
|
@@ -24,6 +24,7 @@ const ImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, res
|
|
|
24
24
|
//State
|
|
25
25
|
const [isDragging, setIsDragging] = useState(false);
|
|
26
26
|
const [errors, setErrors] = useState({ acceptType: false, maxFileSize: false, resolution: false });
|
|
27
|
+
const [crop, setCrop] = useState(false);
|
|
27
28
|
//Handle Change
|
|
28
29
|
const handleChange = (files) => __awaiter(void 0, void 0, void 0, function* () {
|
|
29
30
|
if (!files)
|
|
@@ -47,8 +48,13 @@ const ImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, res
|
|
|
47
48
|
//Resolution Check
|
|
48
49
|
const image = yield getImage(file);
|
|
49
50
|
const checkRes = isResolutionValid(image, resolutionType, resolutionWidth, resolutionHeight);
|
|
50
|
-
if (!checkRes)
|
|
51
|
+
if (!checkRes && !cropWhenNoResolutionMatch)
|
|
51
52
|
newErrors.resolution = true;
|
|
53
|
+
else if (!checkRes && cropWhenNoResolutionMatch) {
|
|
54
|
+
onCropStart === null || onCropStart === void 0 ? void 0 : onCropStart();
|
|
55
|
+
setCrop(true);
|
|
56
|
+
}
|
|
57
|
+
;
|
|
52
58
|
setErrors(newErrors);
|
|
53
59
|
if (newErrors.acceptType || newErrors.maxFileSize || newErrors.resolution) {
|
|
54
60
|
onError === null || onError === void 0 ? void 0 : onError(newErrors);
|
|
@@ -58,6 +64,7 @@ const ImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, res
|
|
|
58
64
|
onChange({
|
|
59
65
|
file: file,
|
|
60
66
|
dataURL: dataUrl,
|
|
67
|
+
needCrop: crop
|
|
61
68
|
});
|
|
62
69
|
});
|
|
63
70
|
//On Image Remove
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageUpload.js","sourceRoot":"","sources":["../../../../src/components/image/ImageUpload.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;AACb,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAA0B,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAoC,MAAM,WAAW,CAAC;AAE9E,OAAO;AACP,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEzG,MAAM,WAAW,GAAG,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,GAAG,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAmB,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"ImageUpload.js","sourceRoot":"","sources":["../../../../src/components/image/ImageUpload.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;AACb,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAA0B,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAoC,MAAM,WAAW,CAAC;AAE9E,OAAO;AACP,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEzG,MAAM,WAAW,GAAG,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,GAAG,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,yBAAyB,EAAE,WAAW,EAAmB,EAAE,EAAE;IACzN,aAAa;IACb,YAAY;IACZ,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;QACxE,MAAM,IAAI,KAAK,CAAC,0EAA0E,CAAC,CAAA;IAC/F,CAAC;IAED,KAAK;IACL,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,OAAO;IACP,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAkB,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;IACpH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAGjD,eAAe;IACf,MAAM,YAAY,GAAG,CAAO,KAAsB,EAAE,EAAE;QAClD,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QACxB,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAEvB,SAAS;QACT,MAAM,SAAS,GAAoB;YAC/B,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,KAAK;YAClB,UAAU,EAAE,KAAK;SACpB,CAAA;QAED,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAEzD,qBAAqB;QACrB,IAAI,WAAW,IAAI,UAAU,GAAG,WAAW;YAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;QAE1E,mBAAmB;QACnB,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;YAAE,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC;QAElF,kBAAkB;QAClB,MAAM,KAAK,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;QACnC,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC;QAC7F,IAAI,CAAC,QAAQ,IAAI,CAAC,yBAAyB;YAAE,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC;aACpE,IAAI,CAAC,QAAQ,IAAI,yBAAyB,EAAE,CAAC;YAC9C,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;YAChB,OAAO,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QAAA,CAAC;QAEF,SAAS,CAAC,SAAS,CAAC,CAAA;QAEpB,IAAI,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;YACxE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,SAAS,CAAC,CAAC;YACrB,OAAO;QACX,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC;QAEtC,QAAQ,CAAC;YACL,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC,CAAA,CAAC;IAGF,iBAAiB;IACjB,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAA;IAED,sBAAsB;IACtB,MAAM,aAAa,GAAG,CAAO,CAAgC,EAAE,EAAE;QAC7D,MAAM,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,QAAQ,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;IACtD,CAAC,CAAA,CAAA;IAED,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QACjE,QAAQ;KACX,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QACzC,gBAAgB,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,UAAU,GAAG,CAAC,CAA4B,EAAE,EAAE;QAChD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAA4B,EAAE,EAAE;QAClD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1D,aAAa,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAA4B,EAAE,EAAE;QACnD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAA4B,EAAE,EAAE;QAChD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1D,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,CAAC,CAA4B,EAAE,EAAE;QACrD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC;IAC/B,CAAC,CAAC;IACF,OAAO,CACH,8BACI,8BACI,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,MAAM,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,aAAa,EACvB,GAAG,EAAE,QAAQ,IACT,UAAU,EAChB,EACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG;gBACR,aAAa;gBACb,aAAa,EAAE,aAAa;gBAC5B,SAAS,EAAE;oBACP,MAAM,EAAE,UAAU;oBAClB,WAAW,EAAE,YAAY;oBACzB,WAAW,EAAE,aAAa;oBAC1B,UAAU,EAAE,UAAU;oBACtB,WAAW,EAAE,eAAe;iBAC/B;gBACD,UAAU;gBACV,MAAM;gBACN,SAAS,EAAE,KAAK;aACnB,CAAC,IACH,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { DragEvent } from "react";
|
|
|
2
2
|
export type ImageType = {
|
|
3
3
|
file?: File;
|
|
4
4
|
dataURL?: string;
|
|
5
|
+
needCrop?: boolean;
|
|
5
6
|
} | null;
|
|
6
7
|
type TExportTypes = {
|
|
7
8
|
dragProps: {
|
|
@@ -50,6 +51,8 @@ export interface ImagePropsTypes extends TPropsTypes {
|
|
|
50
51
|
onChange: (value: ImageType) => void;
|
|
51
52
|
value: ImageType;
|
|
52
53
|
onError?: (errors: ImageErrorTypes) => void;
|
|
54
|
+
cropWhenNoResolutionMatch?: boolean;
|
|
55
|
+
onCropStart?: () => void;
|
|
53
56
|
}
|
|
54
57
|
export type MultiImageType = ImageType[];
|
|
55
58
|
export interface MultiImageErrorTypes extends ImageErrorTypes {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../../src/components/image/typings.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../../src/components/image/typings.ts"],"names":[],"mappings":"AA8BA,MAAM,CAAN,IAAY,eAYX;AAZD,WAAY,eAAe;IACvB,8BAAW,CAAA;IACX,wCAAqB,CAAA;IACrB,oCAAiB,CAAA;IACjB,sCAAmB,CAAA;IACnB,oCAAiB,CAAA;IACjB,oCAAiB,CAAA;IACjB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,uCAAoB,CAAA;IACpB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;AACvB,CAAC,EAZW,eAAe,KAAf,eAAe,QAY1B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@siamf/upload",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "A fully headless React package for handling image and file uploads with complete UI control. It provides four flexible components—ImageUpload, MultiImageUpload, FileUpload, and MultiFileUpload.",
|
|
5
5
|
"homepage": "https://github.com/siamahnaf/upload",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -52,5 +52,8 @@
|
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"react": "^17 || ^18 || ^19",
|
|
54
54
|
"react-dom": "^17 || ^18 || ^19"
|
|
55
|
+
},
|
|
56
|
+
"dependencies": {
|
|
57
|
+
"rimraf": "^6.0.1"
|
|
55
58
|
}
|
|
56
59
|
}
|