@sunggang/ui-lib 0.1.75 → 0.1.77

package/index.esm.css

@@ -990,6 +990,9 @@ video {
 .overflow-hidden {
   overflow: hidden;
 }
+.overflow-scroll {
+  overflow: scroll;
+}
 .overflow-y-auto {
   overflow-y: auto;
 }

package/index.esm.js

@@ -79589,7 +79589,7 @@ var DragDropImages = function(param) {
                 return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$9({
                     ref: provided.innerRef
                 }, provided.droppableProps), {
-                    className: "flex gap-2",
+                    className: "flex gap-2 overflow-scroll",
                     children: [
                         (imageUrls === null || imageUrls === void 0 ? void 0 : imageUrls.length) ? imageUrls.map(function(item, index) {
                             return /*#__PURE__*/ jsx(PublicDraggable, {
@@ -79767,17 +79767,17 @@ var DropImage = function(param) {
         maxFiles: 10,
         maxSize: 5000000,
         onDrop: function(dropFiles) {
-            var newFiles = dropFiles.map(function(dropFile) {
-                return {
-                    url: URL.createObjectURL(dropFile),
-                    id: v4(),
+            var newFiles = [];
+            setFiles(dropFiles);
+            dropFiles.forEach(function(dropFile) {
+                Object.assign(dropFile, {
                     preview: URL.createObjectURL(dropFile),
-                    index: (previewFiles === null || previewFiles === void 0 ? void 0 : previewFiles.length) + 1
-                };
-            });
-            setFiles(newFiles);
-            setPreviewFiles(function(prev) {
-                return _to_consumable_array$2(prev).concat(_to_consumable_array$2(newFiles));
+                    uuid: v4()
+                });
+                newFiles.push(dropFile);
+                setPreviewFiles(function(prev) {
+                    return _to_consumable_array$2(prev).concat(_to_consumable_array$2(newFiles));
+                });
             });
         }
     }), getRootProps = _useDropzone.getRootProps, getInputProps = _useDropzone.getInputProps; _useDropzone.isDragActive; _useDropzone.isDragAccept; _useDropzone.isDragReject;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.1.75",
+  "version": "0.1.77",
   "dependencies": {
     "@iconify/react": "^4.1.1",
     "@mdx-js/react": "^3.0.1",

package/src/lib/DropImage/index.stories.d.ts

@@ -3,6 +3,7 @@ export interface ImageItem {
     url?: string;
     id?: string | null;
     index?: number;
+    preview?: string;
 }
 export interface DropImageProps {
     preview: boolean;