@oliasoft-open-source/react-ui-library 4.19.0-beta-2 → 4.19.0-beta-3

package/README.md

@@ -1094,8 +1094,10 @@ The `List` component renders a list of data items with various customization opt
 
 | Prop                        | Description                                                                                                     | Default Value            |
 |-----------------------------|-----------------------------------------------------------------------------------------------------------------|--------------------------|
+| `scrollable`                | Determines whether the list is scrollable.                                                                      | `false`                  |
 | `hideScrollbar`             | Determines whether to hide the scrollbar when scrolling.                                                        | `false`                  |
 | `triggerScrollToActiveItem` | Specifies whether scrolling should be triggered to display the active item.                                      | `false`                  |
+| `infiniteScroll`            | Specifies whether to enable infinite scroll functionality.                                                       | `false`                  |
 
 ### Usage Example
 

package/dist/index.js

@@ -13886,7 +13886,7 @@ const ListDragWrapper = ({
     const { active: active2, over } = event;
     const from3 = active2 == null ? void 0 : active2.id;
     const to2 = over == null ? void 0 : over.id;
-    if (from3 !== to2) {
+    if (to2 !== void 0 && from3 !== to2) {
       onListReorder({
         from: Number(from3),
         to: Number(to2)
@@ -14702,11 +14702,14 @@ const ListScrollWrapper = ({
   }
   const listContainerRef = useRef(null);
   const estimateItemHeight = () => {
-    let height2 = 37;
+    const LINE_HEIGHT = 20;
+    const PADDING2 = 8;
+    const BORDER_WIDTH = 1;
+    let height2 = LINE_HEIGHT + PADDING2 * 2 + BORDER_WIDTH;
     if (items.length > 0) {
       const item2 = items[items.length - 1];
-      if (item2.details) height2 += 20;
-      if (item2.metadata) height2 += 20;
+      if (item2.details) height2 += LINE_HEIGHT;
+      if (item2.metadata) height2 += LINE_HEIGHT;
     }
     return height2;
   };
@@ -67014,7 +67017,7 @@ const SettingField = ({
     { label: "Admin only", value: "superusers_admin" }
   ];
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", wrap: false, children: [
       children,
       !noPermission && /* @__PURE__ */ jsx(
         Select,