@bbki.ng/components 1.5.4 → 1.5.5

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/dist/index.d.ts CHANGED
@@ -132,6 +132,7 @@ interface ImageDropProps<T> {
132
132
  dragOverBgColor?: string;
133
133
  dropAreaStyle?: CSSStyleDeclaration;
134
134
  placeholder?: any;
135
+ className?: string;
135
136
  }
136
137
  declare const DropImage: FunctionComponent<ImageDropProps<any>>;
137
138
 
package/dist/index.js CHANGED
@@ -392,7 +392,11 @@ var useDropImage = (params) => {
392
392
  };
393
393
  };
394
394
  const setPreviewImageSrcByFile = (file) => {
395
- setImageSrc(URL.createObjectURL(file));
395
+ try {
396
+ setImageSrc(URL.createObjectURL(file));
397
+ } catch (e) {
398
+ setImageSrc("");
399
+ }
396
400
  };
397
401
  const handleDragOver = (0, import_react12.useCallback)((ev) => {
398
402
  ev.preventDefault();
@@ -459,6 +463,7 @@ var DropImage = (props) => {
459
463
  dragOverBgColor = "#EFF6FF",
460
464
  waitTimeAfterFinish = 2e3,
461
465
  placeholder = "",
466
+ className = "",
462
467
  onUploadFinish = noop,
463
468
  dropAreaStyle = {
464
469
  width: 300,
@@ -495,7 +500,7 @@ var DropImage = (props) => {
495
500
  });
496
501
  };
497
502
  return /* @__PURE__ */ import_react13.default.createElement("div", {
498
- className: (0, import_classnames6.default)("transition-all items-center justify-center flex duration-200 ease-in-out", {
503
+ className: (0, import_classnames6.default)(className, "transition-all items-center justify-center flex duration-200 ease-in-out", {
499
504
  "shadow-input": !imageSrc,
500
505
  "shadow-empty": imageSrc
501
506
  }),
package/dist/index.mjs CHANGED
@@ -345,7 +345,11 @@ var useDropImage = (params) => {
345
345
  };
346
346
  };
347
347
  const setPreviewImageSrcByFile = (file) => {
348
- setImageSrc(URL.createObjectURL(file));
348
+ try {
349
+ setImageSrc(URL.createObjectURL(file));
350
+ } catch (e) {
351
+ setImageSrc("");
352
+ }
349
353
  };
350
354
  const handleDragOver = useCallback((ev) => {
351
355
  ev.preventDefault();
@@ -412,6 +416,7 @@ var DropImage = (props) => {
412
416
  dragOverBgColor = "#EFF6FF",
413
417
  waitTimeAfterFinish = 2e3,
414
418
  placeholder = "",
419
+ className = "",
415
420
  onUploadFinish = noop,
416
421
  dropAreaStyle = {
417
422
  width: 300,
@@ -448,7 +453,7 @@ var DropImage = (props) => {
448
453
  });
449
454
  };
450
455
  return /* @__PURE__ */ React13.createElement("div", {
451
- className: cls("transition-all items-center justify-center flex duration-200 ease-in-out", {
456
+ className: cls(className, "transition-all items-center justify-center flex duration-200 ease-in-out", {
452
457
  "shadow-input": !imageSrc,
453
458
  "shadow-empty": imageSrc
454
459
  }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbki.ng/components",
3
- "version": "1.5.4",
3
+ "version": "1.5.5",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",