@konoma-development/react-components 0.3.16 → 0.3.18

package/dist/@konoma-development/react-components.js

@@ -16756,7 +16756,7 @@ function Table({ noDataClasses = baseClasses$2.noDataClasses, wrapperClasses = b
 											}
 										},
 										isClearable: true,
-										className: "h-10",
+										classes: "h-10 relative",
 										iconRightName: filters[column.filterKey] ? "heroicons:x-mark" : ""
 									}, filters[column.filterKey]?.join(", ")) })
 								}, Object.keys(filters).join("-"))]
@@ -16830,7 +16830,7 @@ function Table({ noDataClasses = baseClasses$2.noDataClasses, wrapperClasses = b
 										}
 									},
 									isClearable: true,
-									className: "h-10",
+									classes: "h-10 relative",
 									iconRightName: filters[column.filterKey] ? removeFilterIconName || "heroicons:x-mark" : "",
 									iconRightPath: filters[column.filterKey] ? removeFilterIconPath : ""
 								}, filters[column.filterKey]?.join(", ")) })
@@ -16850,7 +16850,7 @@ function Table({ noDataClasses = baseClasses$2.noDataClasses, wrapperClasses = b
 						})
 					]
 				}, locale),
-				/* @__PURE__ */ jsx(DndProvider, {
+				allowReorder ? /* @__PURE__ */ jsx(DndProvider, {
 					backend: HTML5Backend,
 					debugMode: true,
 					children: data.map((entry, i) => {
@@ -16879,7 +16879,32 @@ function Table({ noDataClasses = baseClasses$2.noDataClasses, wrapperClasses = b
 							detailsRow
 						}, i);
 					})
-				}),
+				}) : /* @__PURE__ */ jsx(Fragment$1, { children: data.map((entry, i) => {
+					return /* @__PURE__ */ jsx(Row, {
+						index: i,
+						name,
+						entry,
+						allowReorder,
+						onDragRow,
+						onDropRow,
+						currentColumnsCenter,
+						currentColumnsLeft,
+						currentColumnsRight,
+						cellRenderer,
+						header,
+						onRowClick,
+						onRowDoubleClick,
+						rowClasses,
+						rowLeftWrapperClasses,
+						rowCenterWrapperClasses,
+						rowRightWrapperClasses,
+						subRowClasses,
+						subRowLeftWrapperClasses,
+						subRowCenterWrapperClasses,
+						subRowRightWrapperClasses,
+						detailsRow
+					}, i);
+				}) }),
 				data.length === 0 && /* @__PURE__ */ jsx("div", {
 					"data-testid": name + "-table-no-data",
 					className: noDataClasses,
@@ -16918,7 +16943,7 @@ function Row({ index, entry, onDragRow, onDropRow, onRowClick, onRowDoubleClick,
 	const previewRef = useRef(null);
 	const [detailsOpen, setDetailsOpen] = useState(false);
 	if (allowReorder && !Object.prototype.hasOwnProperty.call(entry, "index")) throw new Error("Entry must have index property");
-	const [{ handlerId }, drop] = useDrop({
+	const [{ handlerId }, drop] = allowReorder ? useDrop({
 		accept: "row",
 		collect(monitor) {
 			return { handlerId: monitor.getHandlerId() };
@@ -16936,8 +16961,8 @@ function Row({ index, entry, onDragRow, onDropRow, onRowClick, onRowDoubleClick,
 			onDragRow(dragIndex, hoverIndex);
 			item.index = hoverIndex;
 		}
-	});
-	const [{ opacity }, drag, preview] = useDrag({
+	}) : [{ handlerId: null }, () => void 0];
+	const [{ opacity }, drag, preview] = allowReorder ? useDrag({
 		type: "row",
 		end: (item, monitor) => {
 			if (!monitor.didDrop()) return;
@@ -16951,9 +16976,14 @@ function Row({ index, entry, onDragRow, onDropRow, onRowClick, onRowDoubleClick,
 			};
 		},
 		collect: (monitor) => ({ opacity: monitor.isDragging() ? .4 : 1 })
-	});
+	}) : [
+		{ opacity: 1 },
+		() => void 0,
+		() => void 0
+	];
 	if (allowReorder) {
-		preview(drop(previewRef));
+		const dropResult = drop(previewRef);
+		if (dropResult) preview(dropResult);
 		drag(dragRef);
 	}
 	return /* @__PURE__ */ jsxs("div", {