erp-pro-ui 0.2.5 → 0.2.7

package/dist/chunks/draggable-grid-IuCMSOsE.mjs

@@ -0,0 +1,240 @@
+import { t as Button } from "./button-CAU9ej3h.mjs";
+import { useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { SortableContext, arrayMove, rectSortingStrategy, sortableKeyboardCoordinates, useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+//#region src/components/layout/draggable-grid/DraggableGrid.tsx
+var sizeClasses = {
+	small: "w-full md:w-[calc(50%-12px)] 2xl:w-[calc(25%-12px)] min-h-[360px]",
+	medium: "w-full xl:w-[calc(50%-12px)] min-h-[420px]",
+	large: "w-full min-h-[560px]"
+};
+var SIZE_CHIPS = [
+	{
+		key: "small",
+		label: "S"
+	},
+	{
+		key: "medium",
+		label: "M"
+	},
+	{
+		key: "large",
+		label: "L"
+	}
+];
+function Shell({ title, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "bg-ds-surface-1 border border-ds-border-2 rounded-md p-4 h-full w-full flex flex-col overflow-hidden",
+		children: [title && /* @__PURE__ */ jsx("div", {
+			className: "font-semibold text-base truncate text-ds-1 mb-4",
+			children: title
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex-1 min-h-0",
+			children
+		})]
+	});
+}
+function DragHandleIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ jsx("circle", {
+				cx: "9",
+				cy: "5",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "15",
+				cy: "5",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "9",
+				cy: "12",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "15",
+				cy: "12",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "9",
+				cy: "19",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "15",
+				cy: "19",
+				r: "1.5"
+			})
+		]
+	});
+}
+function SortableItem({ item, size, editMode, showItemMenu, onSizeChange }) {
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: item.id });
+	const style = {
+		transform: CSS.Transform.toString(transform),
+		transition,
+		opacity: isDragging ? .35 : 1
+	};
+	const content = item.variant === "default" ? /* @__PURE__ */ jsx(Shell, {
+		title: item.title,
+		children: item.component
+	}) : item.component;
+	return /* @__PURE__ */ jsxs("div", {
+		ref: setNodeRef,
+		style,
+		className: `relative flex-none ${sizeClasses[size]}`,
+		children: [editMode && /* @__PURE__ */ jsxs("div", {
+			className: "absolute top-2 right-2 z-10 flex items-center gap-1",
+			children: [showItemMenu && SIZE_CHIPS.map(({ key, label }) => /* @__PURE__ */ jsx(Button, {
+				variant: size === key ? "primary" : "secondary",
+				size: "small",
+				onClick: () => onSizeChange(item.id, key),
+				className: "h-6 w-6 p-0! text-xs font-bold",
+				"aria-label": `Set ${item.title ?? item.id} to ${key}`,
+				"aria-pressed": size === key,
+				children: label
+			}, key)), /* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				size: "small",
+				...attributes,
+				...listeners,
+				className: "ml-1 h-6 w-6 cursor-grab p-0! active:cursor-grabbing",
+				"aria-label": `Drag ${item.title ?? item.id}`,
+				children: /* @__PURE__ */ jsx(DragHandleIcon, {})
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "h-full w-full",
+			children: content
+		})]
+	});
+}
+function DraggableGrid({ items, editMode = false, storageKey, onItemsChange, onItemSizeChange, showItemMenu = false, className = "" }) {
+	const readStoredOrder = useCallback(() => {
+		if (!storageKey) return null;
+		try {
+			const raw = localStorage.getItem(storageKey);
+			return raw ? JSON.parse(raw) : null;
+		} catch {
+			return null;
+		}
+	}, [storageKey]);
+	const [order, setOrder] = useState(() => {
+		const stored = readStoredOrder();
+		if (stored) {
+			const ids = new Set(items.map((i) => i.id));
+			const filtered = stored.filter((id) => ids.has(id));
+			const missing = items.map((i) => i.id).filter((id) => !filtered.includes(id));
+			return [...filtered, ...missing];
+		}
+		return items.map((i) => i.id);
+	});
+	const [sizes, setSizes] = useState(() => Object.fromEntries(items.map((i) => [i.id, i.size ?? "medium"])));
+	useEffect(() => {
+		const known = new Set(order);
+		const newIds = items.filter((i) => !known.has(i.id)).map((i) => i.id);
+		if (newIds.length > 0) setOrder((prev) => [...prev, ...newIds]);
+		setSizes((prev) => {
+			const next = { ...prev };
+			for (const item of items) if (!(item.id in next)) next[item.id] = item.size ?? "medium";
+			return next;
+		});
+	}, [items]);
+	useEffect(() => {
+		if (!storageKey) return;
+		try {
+			localStorage.setItem(storageKey, JSON.stringify(order));
+		} catch {}
+	}, [order, storageKey]);
+	const itemMap = Object.fromEntries(items.map((i) => [i.id, i]));
+	const orderedItems = order.flatMap((id) => itemMap[id] ? [itemMap[id]] : []);
+	const [activeId, setActiveId] = useState(null);
+	const [overlaySize, setOverlaySize] = useState(null);
+	const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 8 } }), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
+	const handleDragStart = useCallback(({ active }) => {
+		setActiveId(String(active.id));
+		const rect = active.rect.current.initial;
+		if (rect) setOverlaySize({
+			width: rect.width,
+			height: rect.height
+		});
+	}, []);
+	const handleDragEnd = useCallback(({ active, over }) => {
+		setActiveId(null);
+		setOverlaySize(null);
+		if (!over || active.id === over.id) return;
+		setOrder((prev) => {
+			const next = arrayMove(prev, prev.indexOf(String(active.id)), prev.indexOf(String(over.id)));
+			if (onItemsChange) onItemsChange(next.flatMap((id) => {
+				const it = itemMap[id];
+				return it ? [{
+					...it,
+					size: sizes[id] ?? it.size
+				}] : [];
+			}));
+			return next;
+		});
+	}, [
+		onItemsChange,
+		itemMap,
+		sizes
+	]);
+	const handleSizeChange = useCallback((id, size) => {
+		setSizes((prev) => ({
+			...prev,
+			[id]: size
+		}));
+		onItemSizeChange?.(id, size);
+	}, [onItemSizeChange]);
+	const activeItem = activeId ? itemMap[activeId] : null;
+	return /* @__PURE__ */ jsxs(DndContext, {
+		sensors,
+		collisionDetection: closestCenter,
+		onDragStart: handleDragStart,
+		onDragEnd: handleDragEnd,
+		children: [/* @__PURE__ */ jsx(SortableContext, {
+			items: order,
+			strategy: rectSortingStrategy,
+			children: /* @__PURE__ */ jsx("div", {
+				className: `flex flex-wrap gap-6 ${className}`,
+				children: orderedItems.map((item) => /* @__PURE__ */ jsx(SortableItem, {
+					item,
+					size: sizes[item.id] ?? item.size ?? "medium",
+					editMode,
+					showItemMenu,
+					onSizeChange: handleSizeChange
+				}, item.id))
+			})
+		}), /* @__PURE__ */ jsx(DragOverlay, {
+			dropAnimation: {
+				duration: 180,
+				easing: "ease"
+			},
+			children: activeItem ? /* @__PURE__ */ jsx("div", {
+				style: {
+					width: overlaySize?.width,
+					height: overlaySize?.height,
+					opacity: .85,
+					cursor: "grabbing",
+					pointerEvents: "none"
+				},
+				children: activeItem.variant === "default" ? /* @__PURE__ */ jsx(Shell, {
+					title: activeItem.title,
+					children: activeItem.component
+				}) : activeItem.component
+			}) : null
+		})]
+	});
+}
+//#endregion
+export { DraggableGrid as t };
+
+//# sourceMappingURL=draggable-grid-IuCMSOsE.mjs.map

package/dist/chunks/draggable-grid-IuCMSOsE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable-grid-IuCMSOsE.mjs","names":[],"sources":["../../src/components/layout/draggable-grid/DraggableGrid.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useCallback, useEffect, type ReactNode } from \"react\";\n\nimport { Button } from \"../../forms/button\";\n\nimport {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  KeyboardSensor,\n  closestCenter,\n  useSensor,\n  useSensors,\n  type DragStartEvent,\n  type DragEndEvent,\n} from \"@dnd-kit/core\";\nimport {\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  arrayMove,\n  rectSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport type DraggableGridItemSize = \"small\" | \"medium\" | \"large\";\n\nexport interface DraggableGridItem {\n  id: string;\n  component: ReactNode;\n  size?: DraggableGridItemSize;\n  title?: string;\n  variant?: \"default\" | \"bare\";\n}\n\nexport interface DraggableGridProps {\n  items: DraggableGridItem[];\n  editMode?: boolean;\n  storageKey?: string;\n  onItemsChange?: (items: DraggableGridItem[]) => void;\n  onItemSizeChange?: (id: string, size: DraggableGridItemSize) => void;\n  showItemMenu?: boolean;\n  className?: string;\n}\n\n// ── Size classes ──────────────────────────────────────────────────────────────\n\nconst sizeClasses: Record<DraggableGridItemSize, string> = {\n  small:  \"w-full md:w-[calc(50%-12px)] 2xl:w-[calc(25%-12px)] min-h-[360px]\",\n  medium: \"w-full xl:w-[calc(50%-12px)] min-h-[420px]\",\n  large:  \"w-full min-h-[560px]\",\n};\n\nconst SIZE_CHIPS: { key: DraggableGridItemSize; label: string }[] = [\n  { key: \"small\",  label: \"S\" },\n  { key: \"medium\", label: \"M\" },\n  { key: \"large\",  label: \"L\" },\n];\n\n// ── Shell wrapper ─────────────────────────────────────────────────────────────\n\nfunction Shell({ title, children }: { title?: string; children: ReactNode }) {\n  return (\n    <div className=\"bg-ds-surface-1 border border-ds-border-2 rounded-md p-4 h-full w-full flex flex-col overflow-hidden\">\n      {title && (\n        <div className=\"font-semibold text-base truncate text-ds-1 mb-4\">\n          {title}\n        </div>\n      )}\n      <div className=\"flex-1 min-h-0\">{children}</div>\n    </div>\n  );\n}\n\n// ── Drag handle icon ──────────────────────────────────────────────────────────\n\nfunction DragHandleIcon() {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n      <circle cx=\"9\"  cy=\"5\"  r=\"1.5\" />\n      <circle cx=\"15\" cy=\"5\"  r=\"1.5\" />\n      <circle cx=\"9\"  cy=\"12\" r=\"1.5\" />\n      <circle cx=\"15\" cy=\"12\" r=\"1.5\" />\n      <circle cx=\"9\"  cy=\"19\" r=\"1.5\" />\n      <circle cx=\"15\" cy=\"19\" r=\"1.5\" />\n    </svg>\n  );\n}\n\n// ── SortableItem ──────────────────────────────────────────────────────────────\n\ninterface SortableItemProps {\n  item: DraggableGridItem;\n  size: DraggableGridItemSize;\n  editMode: boolean;\n  showItemMenu: boolean;\n  onSizeChange: (id: string, size: DraggableGridItemSize) => void;\n}\n\nfunction SortableItem({ item, size, editMode, showItemMenu, onSizeChange }: SortableItemProps) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: item.id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    opacity: isDragging ? 0.35 : 1,\n  };\n\n  const content =\n    item.variant === \"default\" ? (\n      <Shell title={item.title}>{item.component}</Shell>\n    ) : (\n      item.component\n    );\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={`relative flex-none ${sizeClasses[size]}`}\n    >\n      {editMode && (\n        <div className=\"absolute top-2 right-2 z-10 flex items-center gap-1\">\n          {showItemMenu &&\n            SIZE_CHIPS.map(({ key, label }) => (\n              <Button\n                key={key}\n                variant={size === key ? \"primary\" : \"secondary\"}\n                size=\"small\"\n                onClick={() => onSizeChange(item.id, key)}\n                className=\"h-6 w-6 p-0! text-xs font-bold\"\n                aria-label={`Set ${item.title ?? item.id} to ${key}`}\n                aria-pressed={size === key}\n              >\n                {label}\n              </Button>\n            ))}\n          <Button\n            variant=\"secondary\"\n            size=\"small\"\n            {...attributes}\n            {...listeners}\n            className=\"ml-1 h-6 w-6 cursor-grab p-0! active:cursor-grabbing\"\n            aria-label={`Drag ${item.title ?? item.id}`}\n          >\n            <DragHandleIcon />\n          </Button>\n        </div>\n      )}\n      <div className=\"h-full w-full\">{content}</div>\n    </div>\n  );\n}\n\n// ── DraggableGrid ─────────────────────────────────────────────────────────────\n\nexport function DraggableGrid({\n  items,\n  editMode = false,\n  storageKey,\n  onItemsChange,\n  onItemSizeChange,\n  showItemMenu = false,\n  className = \"\",\n}: DraggableGridProps) {\n  const readStoredOrder = useCallback((): string[] | null => {\n    if (!storageKey) return null;\n    try {\n      const raw = localStorage.getItem(storageKey);\n      return raw ? (JSON.parse(raw) as string[]) : null;\n    } catch {\n      return null;\n    }\n  }, [storageKey]);\n\n  const [order, setOrder] = useState<string[]>(() => {\n    const stored = readStoredOrder();\n    if (stored) {\n      const ids = new Set(items.map((i) => i.id));\n      const filtered = stored.filter((id) => ids.has(id));\n      const missing = items.map((i) => i.id).filter((id) => !filtered.includes(id));\n      return [...filtered, ...missing];\n    }\n    return items.map((i) => i.id);\n  });\n\n  const [sizes, setSizes] = useState<Record<string, DraggableGridItemSize>>(\n    () => Object.fromEntries(items.map((i) => [i.id, i.size ?? \"medium\"])),\n  );\n\n  // Sync items added after mount\n  useEffect(() => {\n    const known = new Set(order);\n    const newIds = items.filter((i) => !known.has(i.id)).map((i) => i.id);\n    if (newIds.length > 0) setOrder((prev) => [...prev, ...newIds]);\n\n    setSizes((prev) => {\n      const next = { ...prev };\n      for (const item of items) {\n        if (!(item.id in next)) next[item.id] = item.size ?? \"medium\";\n      }\n      return next;\n    });\n  }, [items]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Persist order\n  useEffect(() => {\n    if (!storageKey) return;\n    try { localStorage.setItem(storageKey, JSON.stringify(order)); } catch { /* ignore */ }\n  }, [order, storageKey]);\n\n  const itemMap = Object.fromEntries(items.map((i) => [i.id, i]));\n  const orderedItems = order.flatMap((id) => (itemMap[id] ? [itemMap[id]] : []));\n\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [overlaySize, setOverlaySize] = useState<{ width: number; height: number } | null>(null);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 8 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),\n  );\n\n  const handleDragStart = useCallback(({ active }: DragStartEvent) => {\n    setActiveId(String(active.id));\n    const rect = active.rect.current.initial;\n    if (rect) setOverlaySize({ width: rect.width, height: rect.height });\n  }, []);\n\n  const handleDragEnd = useCallback(\n    ({ active, over }: DragEndEvent) => {\n      setActiveId(null);\n      setOverlaySize(null);\n      if (!over || active.id === over.id) return;\n\n      setOrder((prev) => {\n        const next = arrayMove(\n          prev,\n          prev.indexOf(String(active.id)),\n          prev.indexOf(String(over.id)),\n        );\n        if (onItemsChange) {\n          onItemsChange(\n            next.flatMap((id) => {\n              const it = itemMap[id];\n              return it ? [{ ...it, size: sizes[id] ?? it.size }] : [];\n            }),\n          );\n        }\n        return next;\n      });\n    },\n    [onItemsChange, itemMap, sizes],\n  );\n\n  const handleSizeChange = useCallback(\n    (id: string, size: DraggableGridItemSize) => {\n      setSizes((prev) => ({ ...prev, [id]: size }));\n      onItemSizeChange?.(id, size);\n    },\n    [onItemSizeChange],\n  );\n\n  const activeItem = activeId ? itemMap[activeId] : null;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n    >\n      <SortableContext items={order} strategy={rectSortingStrategy}>\n        <div className={`flex flex-wrap gap-6 ${className}`}>\n          {orderedItems.map((item) => (\n            <SortableItem\n              key={item.id}\n              item={item}\n              size={sizes[item.id] ?? item.size ?? \"medium\"}\n              editMode={editMode}\n              showItemMenu={showItemMenu}\n              onSizeChange={handleSizeChange}\n            />\n          ))}\n        </div>\n      </SortableContext>\n\n      <DragOverlay dropAnimation={{ duration: 180, easing: \"ease\" }}>\n        {activeItem ? (\n          <div\n            style={{\n              width: overlaySize?.width,\n              height: overlaySize?.height,\n              opacity: 0.85,\n              cursor: \"grabbing\",\n              pointerEvents: \"none\",\n            }}\n          >\n            {activeItem.variant === \"default\" ? (\n              <Shell title={activeItem.title}>{activeItem.component}</Shell>\n            ) : (\n              activeItem.component\n            )}\n          </div>\n        ) : null}\n      </DragOverlay>\n    </DndContext>\n  );\n}\n"],"mappings":"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"}