@panneau/forms 4.1.1 → 5.0.0-alpha.0

package/dist/unsaved.js

@@ -0,0 +1,169 @@
+import { messages } from "./messages.js";
+import { c } from "react/compiler-runtime";
+import { Button, Dialog, usePanneauIntl } from "@panneau/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+//#region src/unsaved.tsx
+/**
+* Asks the browser to confirm before the page is closed or reloaded while `dirty` is true. Forms
+* use it by default.
+*/
+function useBeforeUnloadGuard(dirty) {
+	const $ = c(3);
+	let t0;
+	let t1;
+	if ($[0] !== dirty) {
+		t0 = () => {
+			if (!dirty) return;
+			const listener = _temp;
+			window.addEventListener("beforeunload", listener);
+			return () => window.removeEventListener("beforeunload", listener);
+		};
+		t1 = [dirty];
+		$[0] = dirty;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	useEffect(t0, t1);
+}
+function _temp(event) {
+	event.preventDefault();
+	event.returnValue = "";
+}
+/**
+* Guards in-app navigation while a form has unsaved changes. Call `confirmLeave()` from the
+* router's navigation guard (or before closing a panel), and render `dialog`. The page itself is
+* guarded by `useBeforeUnloadGuard()`.
+*/
+function useLeaveConfirmation(dirty) {
+	const $ = c(29);
+	const intl = usePanneauIntl();
+	const [open, setOpen] = useState(false);
+	const resolver = useRef(null);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = (leave) => {
+			resolver.current?.(leave);
+			resolver.current = null;
+			setOpen(false);
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const answer = t0;
+	let t1;
+	if ($[1] !== dirty) {
+		t1 = () => {
+			if (!dirty) return Promise.resolve(true);
+			resolver.current?.(false);
+			setOpen(true);
+			return new Promise((resolve) => {
+				resolver.current = resolve;
+			});
+		};
+		$[1] = dirty;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = (isOpen) => {
+			if (!isOpen) answer(false);
+		};
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== intl) {
+		t3 = intl.formatMessage(messages.leaveTitle);
+		$[4] = intl;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => answer(false);
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== intl) {
+		t5 = intl.formatMessage(messages.stay);
+		$[7] = intl;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Button, {
+			onPress: t4,
+			autoFocus: true,
+			children: t5
+		});
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = () => answer(true);
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== intl) {
+		t8 = intl.formatMessage(messages.leave);
+		$[12] = intl;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Button, {
+			variant: "danger",
+			onPress: t7,
+			children: t8
+		});
+		$[14] = t8;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== t6 || $[17] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(Fragment, { children: [t6, t9] });
+		$[16] = t6;
+		$[17] = t9;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== intl) {
+		t11 = intl.formatMessage(messages.leaveMessage);
+		$[19] = intl;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== open || $[22] !== t10 || $[23] !== t11 || $[24] !== t3) {
+		t12 = /* @__PURE__ */ jsx(Dialog, {
+			isOpen: open,
+			onOpenChange: t2,
+			role: "alertdialog",
+			size: "sm",
+			title: t3,
+			footer: t10,
+			children: t11
+		});
+		$[21] = open;
+		$[22] = t10;
+		$[23] = t11;
+		$[24] = t3;
+		$[25] = t12;
+	} else t12 = $[25];
+	let t13;
+	if ($[26] !== t1 || $[27] !== t12) {
+		t13 = {
+			confirmLeave: t1,
+			dialog: t12
+		};
+		$[26] = t1;
+		$[27] = t12;
+		$[28] = t13;
+	} else t13 = $[28];
+	return t13;
+}
+//#endregion
+export { useBeforeUnloadGuard, useLeaveConfirmation };
+
+//# sourceMappingURL=unsaved.js.map

package/dist/unsaved.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unsaved.js","names":["open","_c","_Fragment"],"sources":["../src/unsaved.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useRef, useState } from 'react';\n\nimport { Button, Dialog, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from './messages';\n\n/**\n * Asks the browser to confirm before the page is closed or reloaded while `dirty` is true. Forms\n * use it by default.\n */\nexport function useBeforeUnloadGuard(dirty: boolean): void {\n    useEffect(() => {\n        if (!dirty) {\n            return undefined;\n        }\n        const listener = (event: BeforeUnloadEvent) => {\n            event.preventDefault();\n            // Older browsers show the dialog only with a return value.\n            event.returnValue = '';\n        };\n        window.addEventListener('beforeunload', listener);\n        return () => window.removeEventListener('beforeunload', listener);\n    }, [dirty]);\n}\n\nexport interface LeaveConfirmation {\n    /**\n     * Resolves `true` when leaving is fine: right away without unsaved changes, or once the user\n     * chose to leave in the dialog.\n     */\n    confirmLeave: () => Promise<boolean>;\n    /** The dialog to render, while it is open. */\n    dialog: ReactNode;\n}\n\n/**\n * Guards in-app navigation while a form has unsaved changes. Call `confirmLeave()` from the\n * router's navigation guard (or before closing a panel), and render `dialog`. The page itself is\n * guarded by `useBeforeUnloadGuard()`.\n */\nexport function useLeaveConfirmation(dirty: boolean): LeaveConfirmation {\n    const intl = usePanneauIntl();\n    const [open, setOpen] = useState(false);\n    const resolver = useRef<((leave: boolean) => void) | null>(null);\n    const answer = (leave: boolean) => {\n        resolver.current?.(leave);\n        resolver.current = null;\n        setOpen(false);\n    };\n    return {\n        confirmLeave: () => {\n            if (!dirty) {\n                return Promise.resolve(true);\n            }\n            resolver.current?.(false);\n            setOpen(true);\n            return new Promise<boolean>((resolve) => {\n                resolver.current = resolve;\n            });\n        },\n        dialog: (\n            <Dialog\n                isOpen={open}\n                onOpenChange={(isOpen) => {\n                    if (!isOpen) {\n                        answer(false);\n                    }\n                }}\n                role=\"alertdialog\"\n                size=\"sm\"\n                title={intl.formatMessage(messages.leaveTitle)}\n                footer={\n                    <>\n                        <Button onPress={() => answer(false)} autoFocus>\n                            {intl.formatMessage(messages.stay)}\n                        </Button>\n                        <Button variant=\"danger\" onPress={() => answer(true)}>\n                            {intl.formatMessage(messages.leave)}\n                        </Button>\n                    </>\n                }\n            >\n                {intl.formatMessage(messages.leaveMessage)}\n            </Dialog>\n        ),\n    };\n}\n"],"mappings":"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"}

package/package.json

@@ -1,83 +1,53 @@
 {
     "name": "@panneau/forms",
-    "version": "4.1.1",
-    "description": "",
-    "keywords": [
-        "javascript"
-    ],
-    "homepage": "https://github.com/folkloreinc/panneau-js",
+    "version": "5.0.0-alpha.0",
+    "description": "Forms of Panneau: fields in a layout, driven by the form state of @panneau/core, with errors, unsaved changes and version conflicts.",
+    "type": "module",
+    "license": "MIT",
     "repository": {
         "type": "git",
-        "url": "git+https://github.com/folkloreinc/panneau-js.git"
-    },
-    "license": "ISC",
-    "author": {
-        "name": "Folklore",
-        "email": "info@folklore.email"
+        "url": "git+https://github.com/folkloreinc/panneau-js.git",
+        "directory": "packages/forms"
     },
-    "contributors": [
-        {
-            "name": "David Mongeau-Petitpas",
-            "email": "dmp@folklore.email"
-        },
-        {
-            "name": "Nicolas Roy-Bourdages",
-            "email": "nrb@folklore.email"
-        },
-        {
-            "name": "Julien Carignan",
-            "email": "jc@folklore.email"
-        },
-        {
-            "name": "Théo Gjini",
-            "email": "tg@folklore.email"
-        }
-    ],
     "sideEffects": [
-        "**/*.css"
+        "*.css"
     ],
-    "type": "module",
     "exports": {
         ".": {
+            "@panneau/source": "./src/index.ts",
             "types": "./dist/index.d.ts",
-            "style": "./assets/css/styles.css",
             "default": "./dist/index.js"
         },
-        "./assets/css/styles": "./assets/css/styles.css",
-        "./assets/css/styles.css": "./assets/css/styles.css"
+        "./locales": {
+            "@panneau/source": "./src/locales/index.ts",
+            "types": "./dist/locales/index.d.ts",
+            "default": "./dist/locales/index.js"
+        },
+        "./package.json": "./package.json"
     },
-    "module": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "style": "assets/css/styles.css",
     "files": [
-        "dist",
-        "assets"
+        "dist"
     ],
     "scripts": {
-        "build": "../../scripts/prepare-package.sh --types",
-        "css": "../../scripts/build-packages-styles.js --pattern='@panneau/form-*' ./src/styles.css.ejs ./assets/css/styles.css",
-        "prepublishOnly": "npm run build"
+        "build": "vite build && tsc -p tsconfig.build.json",
+        "typecheck": "tsc --noEmit",
+        "api": "tsc -p tsconfig.build.json && node ../../scripts/api-report.js"
     },
-    "dependencies": {
-        "@babel/runtime": "^7.28.6",
-        "@panneau/core": "^4.1.1",
-        "@panneau/form-auth": "^4.1.1",
-        "@panneau/form-horizontal": "^4.1.1",
-        "@panneau/form-inline": "^4.1.1",
-        "@panneau/form-normal": "^4.1.1",
-        "@panneau/form-two-pane": "^4.1.1",
-        "lodash-es": "^4.17.21"
-    },
-    "devDependencies": {
-        "react": "^19.2.0",
-        "react-dom": "^19.0.0"
+    "publishConfig": {
+        "access": "public"
     },
     "peerDependencies": {
         "react": "^19.2.0",
-        "react-dom": "^19.0.0"
+        "react-intl": "^12.0.0"
     },
-    "publishConfig": {
-        "access": "public"
+    "dependencies": {
+        "@panneau/core": "5.0.0-alpha.0",
+        "@panneau/fields": "5.0.0-alpha.0",
+        "@panneau/intl": "5.0.0-alpha.0",
+        "@panneau/protocol": "5.0.0-alpha.0",
+        "@panneau/ui": "5.0.0-alpha.0"
     },
-    "gitHead": "28b394278cffa0c927989873dd4b3f184635ceff"
+    "devDependencies": {
+        "@panneau/data": "5.0.0-alpha.0"
+    }
 }