@churchapps/apphelper 0.7.3 → 0.7.5

package/dist/website/components/admin/DroppableArea.js

@@ -3,110 +3,146 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from "@mui/material";
 import { useEffect, useState } from "react";
 import { useDrop } from "react-dnd";
+const FLOW_HEIGHT = 20; // fixed flow size, never changes (no layout shift)
+const HIT_OVERSHOOT = 16; // how far the visible/hit pill extends beyond the gap during drag
+const WRAPPER_IDLE = {
+    position: "relative",
+    width: "100%",
+    height: `${FLOW_HEIGHT}px`,
+    pointerEvents: "none",
+    boxSizing: "border-box"
+};
+const WRAPPER_ACTIVE = {
+    ...WRAPPER_IDLE,
+    pointerEvents: "auto"
+};
+const PILL_BASE = {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    borderRadius: "8px",
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden",
+    boxSizing: "border-box",
+    transition: "all 0.15s ease-out",
+    zIndex: 5
+};
+const PILL_HIDDEN = {
+    ...PILL_BASE,
+    top: 0,
+    bottom: 0,
+    display: "none"
+};
+const PILL_VISIBLE = {
+    ...PILL_BASE,
+    top: -HIT_OVERSHOOT,
+    bottom: -HIT_OVERSHOOT,
+    display: "flex"
+};
+const VARIANT_STYLES = {
+    justDropped: {
+        border: "2px solid rgba(76, 175, 80, 1)",
+        backgroundColor: "rgba(76, 175, 80, 0.95)",
+        boxShadow: "0 4px 16px rgba(76, 175, 80, 0.5)"
+    },
+    isOver: {
+        border: "2px solid rgba(25, 118, 210, 1)",
+        backgroundColor: "rgba(25, 118, 210, 0.95)",
+        boxShadow: "0 4px 20px rgba(25, 118, 210, 0.55)"
+    },
+    active: {
+        border: "2px dashed rgba(25, 118, 210, 0.9)",
+        backgroundColor: "rgba(25, 118, 210, 0.55)"
+    }
+};
+const LEGACY_HIDDEN = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "4px",
+    zIndex: 1,
+    border: "none",
+    backgroundColor: "transparent"
+};
+const LEGACY_ACTIVE_BASE = {
+    width: "100%",
+    height: `${FLOW_HEIGHT}px`,
+    padding: "0 10px",
+    borderRadius: "6px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden",
+    boxSizing: "border-box",
+    transition: "all 0.15s ease-out"
+};
+function getVariant(justDropped, isOver, canDrop) {
+    if (justDropped)
+        return "justDropped";
+    if (isOver)
+        return "isOver";
+    if (canDrop)
+        return "active";
+    return null;
+}
 export function DroppableArea(props) {
     const { accept, onDrop, text, updateIsDragging, dndDeps, hideWhenInactive = true } = props;
-    const [isDragging, setIsDragging] = useState(false);
     const [justDropped, setJustDropped] = useState(false);
     const [{ isOver, canDrop }, drop] = useDrop(() => ({
         accept,
         drop: (data) => {
             onDrop(data);
             setJustDropped(true);
-            setTimeout(() => setJustDropped(false), 600);
         },
         collect: (monitor) => ({
             isOver: !!monitor.isOver(),
             canDrop: !!monitor.canDrop()
         })
     }), [dndDeps, onDrop]);
-    // Update dragging state via effect to avoid state updates during render
-    useEffect(() => {
-        setIsDragging(canDrop);
-    }, [canDrop]);
     useEffect(() => {
         if (updateIsDragging)
-            updateIsDragging(isDragging);
-    }, [isDragging, updateIsDragging]);
-    // Enhanced droppable zone styling
-    // IMPORTANT: Keep height consistent between active/inactive to prevent layout shifts.
-    // Layout shifts would push draggable elements out from under the mouse, breaking drag.
-    const getDroppableStyle = () => {
-        const fixedHeight = "20px"; // Consistent height for spacing
-        // When nothing is being dragged - invisible spacer
-        if (hideWhenInactive && !canDrop) {
-            return {
-                width: "100%",
-                height: fixedHeight,
-                border: "none",
-                backgroundColor: "transparent",
-                pointerEvents: "none",
-                boxSizing: "border-box"
-            };
-        }
-        // Legacy behavior (when hideWhenInactive is false) - absolute positioning
-        if (!hideWhenInactive && !canDrop) {
-            return {
-                position: "absolute",
-                top: 0,
-                left: 0,
-                width: "100%",
-                height: "4px",
-                zIndex: 1,
-                border: "none",
-                backgroundColor: "transparent"
-            };
-        }
-        // When dragging - same height, just show the styling
-        const baseStyle = {
-            width: "100%",
-            height: fixedHeight,
-            padding: "0 10px",
-            borderRadius: "6px",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            overflow: "hidden",
-            boxSizing: "border-box",
-            transition: "all 0.15s ease-out"
-        };
-        if (justDropped) {
-            return {
-                ...baseStyle,
-                border: "2px solid rgba(76, 175, 80, 1)",
-                backgroundColor: "rgba(76, 175, 80, 1)",
-                boxShadow: "0 4px 12px rgba(76, 175, 80, 0.6)"
-            };
-        }
-        if (isOver) {
-            return {
-                ...baseStyle,
-                border: "3px solid rgba(25, 118, 210, 1)",
-                backgroundColor: "rgba(25, 118, 210, 1)",
-                boxShadow: "0 0 20px rgba(25, 118, 210, 0.9), 0 0 40px rgba(25, 118, 210, 0.5)",
-                transform: "scaleY(1.3)",
-                transition: "all 0.15s ease-out"
-            };
-        }
-        return {
-            ...baseStyle,
-            border: "2px dashed rgba(25, 118, 210, 1)",
-            backgroundColor: "rgba(25, 118, 210, 0.7)"
-        };
-    };
-    // Display text based on state
+            updateIsDragging(canDrop);
+    }, [canDrop, updateIsDragging]);
+    useEffect(() => {
+        if (!justDropped)
+            return;
+        const t = setTimeout(() => setJustDropped(false), 600);
+        return () => clearTimeout(t);
+    }, [justDropped]);
     const displayText = text || "Drop here to add";
-    return (_jsx("div", { ref: drop, style: getDroppableStyle(), "data-testid": "droppable-area", "aria-label": canDrop ? `Drop zone: ${displayText}` : "", role: canDrop ? "region" : undefined, children: canDrop && (_jsxs("div", { style: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                gap: "6px",
-                color: "#fff",
-                fontSize: "0.75rem",
-                fontWeight: 600
-            }, children: [_jsx(Icon, { style: {
-                        fontSize: "1rem",
-                        transition: "transform 0.2s ease",
-                        transform: isOver ? "scale(1.1)" : "scale(1)"
-                    }, children: isOver ? "add_circle" : "add_circle_outline" }), _jsx("span", { children: displayText })] })) }));
+    const variant = getVariant(justDropped, isOver, canDrop);
+    if (!hideWhenInactive) {
+        const legacyStyle = variant
+            ? { ...LEGACY_ACTIVE_BASE, ...VARIANT_STYLES[variant] }
+            : LEGACY_HIDDEN;
+        return (_jsx("div", { ref: drop, style: legacyStyle, "data-testid": "droppable-area", "aria-label": canDrop ? `Drop zone: ${displayText}` : "", role: canDrop ? "region" : undefined, children: canDrop && _jsx(PillContents, { isOver: isOver, displayText: displayText }) }));
+    }
+    const pillStyle = variant
+        ? { ...PILL_VISIBLE, ...VARIANT_STYLES[variant] }
+        : PILL_HIDDEN;
+    return (_jsx("div", { style: canDrop ? WRAPPER_ACTIVE : WRAPPER_IDLE, children: _jsx("div", { ref: drop, style: pillStyle, "data-testid": "droppable-area", "aria-label": canDrop ? `Drop zone: ${displayText}` : "", role: canDrop ? "region" : undefined, children: canDrop && _jsx(PillContents, { isOver: isOver, displayText: displayText }) }) }));
+}
+const PILL_CONTENTS_STYLE = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: "8px",
+    color: "#fff",
+    fontSize: "0.85rem",
+    fontWeight: 600,
+    textShadow: "0 1px 2px rgba(0, 0, 0, 0.15)"
+};
+const ICON_BASE_STYLE = {
+    fontSize: "1.25rem",
+    transition: "transform 0.2s ease"
+};
+const ICON_SCALED_STYLE = {
+    ...ICON_BASE_STYLE,
+    transform: "scale(1.15)"
+};
+function PillContents({ isOver, displayText }) {
+    return (_jsxs("div", { style: PILL_CONTENTS_STYLE, children: [_jsx(Icon, { style: isOver ? ICON_SCALED_STYLE : ICON_BASE_STYLE, children: isOver ? "add_circle" : "add_circle_outline" }), _jsx("span", { children: displayText })] }));
 }
 //# sourceMappingURL=DroppableArea.js.map

package/dist/website/components/admin/DroppableArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"DroppableArea.js","sourceRoot":"","sources":["../../../../src/website/components/admin/DroppableArea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DroppableArea.js","sourceRoot":"","sources":["../../../../src/website/components/admin/DroppableArea.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@churchapps/apphelper",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "description": "Library of helper functions, components, and feature modules (donations/forms/login/markdown/website) for React and NextJS ChurchApps",
   "type": "module",
   "main": "dist/index.js",
@@ -40,7 +40,7 @@
     "dist"
   ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "vitest run --config vitest.config.ts",
     "clean": "rimraf dist",
     "tsc": "tsc",
     "copy-locales": "copyfiles -a public/** dist",
@@ -69,17 +69,23 @@
   },
   "homepage": "https://github.com/ChurchApps/Packages#readme",
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "react-router-dom": "^7.6.3",
     "@stripe/react-stripe-js": "^3.5.2",
     "@stripe/stripe-js": "^7.4.0",
-    "react-google-recaptcha": "^3.1.0"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-google-recaptcha": "^3.1.0",
+    "react-router-dom": "^7.6.3"
   },
   "peerDependenciesMeta": {
-    "@stripe/react-stripe-js": { "optional": true },
-    "@stripe/stripe-js": { "optional": true },
-    "react-google-recaptcha": { "optional": true }
+    "@stripe/react-stripe-js": {
+      "optional": true
+    },
+    "@stripe/stripe-js": {
+      "optional": true
+    },
+    "react-google-recaptcha": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@churchapps/helpers": "^1.3.0",
@@ -144,6 +150,7 @@
     "eslint": "^9.28.0",
     "eslint-plugin-unused-imports": "^4.4.1",
     "globals": "^16.2.0",
+    "jsdom": "^25.0.1",
     "npm-run-all2": "^8.0.4",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
@@ -152,6 +159,7 @@
     "rimraf": "^6.0.1",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.35.0",
-    "vite": "^7.0.6"
+    "vite": "^7.0.6",
+    "vitest": "^2.1.9"
   }
 }