@sunggang/ui-lib 0.1.76 → 0.1.78

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

@@ -3787,7 +3787,7 @@ function _create_class$1(Constructor, protoProps, staticProps) {
     if (staticProps) _defineProperties$2(Constructor, staticProps);
     return Constructor;
 }
-function _define_property$9(obj, key, value) {
+function _define_property$a(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -3862,7 +3862,7 @@ function _iterable_to_array_limit$4(arr, i) {
 function _non_iterable_rest$4() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$9(target) {
+function _object_spread$a(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -3872,12 +3872,12 @@ function _object_spread$9(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$9(target, key, source[key]);
+            _define_property$a(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$8(object, enumerableOnly) {
+function ownKeys$9(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -3890,12 +3890,12 @@ function ownKeys$8(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$5(target, source) {
+function _object_spread_props$6(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$8(Object(source)).forEach(function(key) {
+        ownKeys$9(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -4131,7 +4131,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
                             }
                         }
                     }
-                    var updatedConfig = _object_spread_props$5(_object_spread$9({}, _this._config), {
+                    var updatedConfig = _object_spread_props$6(_object_spread$a({}, _this._config), {
                         extraPlugins: _this._config.extraPlugins || [],
                         lazyRoots: lazyRoots,
                         rootsAttributes: rootsAttributes,
@@ -4525,7 +4525,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
                     var startPosition = writer.createPositionFromPath(root, start.path, start.stickiness);
                     var endPosition = writer.createPositionFromPath(root, end.path, end.stickiness);
                     var range = writer.createRange(startPosition, endPosition);
-                    writer.addMarker(markerName, _object_spread$9({
+                    writer.addMarker(markerName, _object_spread$a({
                         range: range
                     }, options));
                 });
@@ -4547,7 +4547,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
                         var commentThread = commentsRepository.getCommentThread(commentThreadData.threadId);
                         commentThread.remove();
                     }
-                    commentsRepository.addCommentThread(_object_spread$9({
+                    commentsRepository.addCommentThread(_object_spread$a({
                         channelId: channelId
                     }, commentThreadData));
                 });
@@ -68730,7 +68730,7 @@ function _iterableToArray$2(iter) {
 function _arrayWithoutHoles$2(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);
 }
-function ownKeys$7(object, enumerableOnly) {
+function ownKeys$8(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -68743,9 +68743,9 @@ function ownKeys$7(object, enumerableOnly) {
 function _objectSpread$1(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$7(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$8(Object(source), !0).forEach(function(key) {
             _defineProperty$3(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -69139,7 +69139,7 @@ function _iterableToArrayLimit$1(arr, i) {
 function _arrayWithHoles$1(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function ownKeys$6(object, enumerableOnly) {
+function ownKeys$7(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -69152,9 +69152,9 @@ function ownKeys$6(object, enumerableOnly) {
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$6(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$7(Object(source), !0).forEach(function(key) {
             _defineProperty$2(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -70145,7 +70145,7 @@ function _defineProperty$1(e, r, t) {
     }) : e[r] = t, e;
 }
 
-function ownKeys$5(e, r) {
+function ownKeys$6(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -70158,9 +70158,9 @@ function ownKeys$5(e, r) {
 function _objectSpread2$7(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys$5(Object(t), !0).forEach(function(r) {
+        r % 2 ? ownKeys$6(Object(t), !0).forEach(function(r) {
             _defineProperty$1(e, r, t[r]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function(r) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function(r) {
             Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
         });
     }
@@ -79526,6 +79526,116 @@ var ConnectedDroppable = connect(makeMapStateToProps$1, mapDispatchToProps$1, nu
 })(Droppable);
 ConnectedDroppable.defaultProps = defaultProps;
 
+function _define_property$9(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$9(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$9(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$5(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$5(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$5(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var DragDropImages = function(param) {
+    var imageUrls = param.imageUrls, onDragEnd = param.onDragEnd, handleRemove = param.handleRemove;
+    return /*#__PURE__*/ jsx(DragDropContext, {
+        onDragEnd: onDragEnd,
+        children: /*#__PURE__*/ jsx(ConnectedDroppable, {
+            droppableId: "droppable-imageUrls",
+            direction: "horizontal",
+            children: function(provided) {
+                return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$9({
+                    ref: provided.innerRef
+                }, provided.droppableProps), {
+                    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, {
+                                draggableId: item === null || item === void 0 ? void 0 : item.id,
+                                index: index,
+                                children: function(provided) {
+                                    return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$9({
+                                        ref: provided.innerRef
+                                    }, provided.draggableProps, provided.dragHandleProps), {
+                                        className: "w-24 my-2 rounded-lg bg-gray-200",
+                                        children: [
+                                            /*#__PURE__*/ jsx("img", {
+                                                className: "w-24 h-24 object-cover",
+                                                src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
+                                                alt: ""
+                                            }),
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: "flex gap-2 justify-between items-center p-2",
+                                                children: [
+                                                    /*#__PURE__*/ jsx("div", {
+                                                        className: "bg-white w-6 h-6 rounded-full flex items-center justify-center",
+                                                        children: index + 1
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Icon, {
+                                                        icon: "mingcute:delete-2-line",
+                                                        width: "1.5rem",
+                                                        height: "1.5rem",
+                                                        onClick: function() {
+                                                            return handleRemove(item);
+                                                        }
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }));
+                                }
+                            }, item === null || item === void 0 ? void 0 : item.id);
+                        }) : null,
+                        provided.placeholder
+                    ]
+                }));
+            }
+        })
+    });
+};
+
 function _array_like_to_array$5(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -79657,15 +79767,16 @@ 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),
+                    id: v4(),
                     index: (previewFiles === null || previewFiles === void 0 ? void 0 : previewFiles.length) + 1
-                };
+                });
+                newFiles.push(dropFile);
             });
-            setFiles(newFiles);
             setPreviewFiles(function(prev) {
                 return _to_consumable_array$2(prev).concat(_to_consumable_array$2(newFiles));
             });
@@ -79733,59 +79844,10 @@ var DropImage = function(param) {
             })),
             preview && /*#__PURE__*/ jsx("div", {
                 className: "flex pt-2",
-                children: /*#__PURE__*/ jsx(DragDropContext, {
+                children: /*#__PURE__*/ jsx(DragDropImages, {
+                    imageUrls: previewFiles,
                     onDragEnd: onDragEnd,
-                    children: /*#__PURE__*/ jsx(ConnectedDroppable, {
-                        droppableId: "droppable-imageUrls",
-                        direction: "horizontal",
-                        children: function(provided) {
-                            return /*#__PURE__*/ jsxs("div", _object_spread_props$4(_object_spread$8({
-                                ref: provided.innerRef
-                            }, provided.droppableProps), {
-                                className: "flex gap-2",
-                                children: [
-                                    (previewFiles === null || previewFiles === void 0 ? void 0 : previewFiles.length) ? previewFiles.map(function(item, index) {
-                                        return /*#__PURE__*/ jsx(PublicDraggable, {
-                                            draggableId: item === null || item === void 0 ? void 0 : item.id,
-                                            index: index,
-                                            children: function(provided) {
-                                                return /*#__PURE__*/ jsxs("div", _object_spread_props$4(_object_spread$8({
-                                                    ref: provided.innerRef
-                                                }, provided.draggableProps, provided.dragHandleProps), {
-                                                    className: "w-24 my-2 rounded-lg bg-gray-200",
-                                                    children: [
-                                                        /*#__PURE__*/ jsx("img", {
-                                                            className: "w-24 h-24 object-cover",
-                                                            src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
-                                                            alt: ""
-                                                        }),
-                                                        /*#__PURE__*/ jsxs("div", {
-                                                            className: "flex gap-2 justify-between items-center p-2",
-                                                            children: [
-                                                                /*#__PURE__*/ jsx("div", {
-                                                                    className: "bg-white w-6 h-6 rounded-full flex items-center justify-center",
-                                                                    children: index + 1
-                                                                }),
-                                                                /*#__PURE__*/ jsx(Icon, {
-                                                                    icon: "mingcute:delete-2-line",
-                                                                    width: "1.5rem",
-                                                                    height: "1.5rem",
-                                                                    onClick: function() {
-                                                                        return handleRemove(item);
-                                                                    }
-                                                                })
-                                                            ]
-                                                        })
-                                                    ]
-                                                }));
-                                            }
-                                        }, item === null || item === void 0 ? void 0 : item.id);
-                                    }) : null,
-                                    provided.placeholder
-                                ]
-                            }));
-                        }
-                    })
+                    handleRemove: handleRemove
                 })
             })
         ]

package/package.json

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