@sealcode/sealgen 0.15.46 → 0.15.48

package/@types/src/page/stateful-page.d.ts

@@ -8,6 +8,7 @@ export type StatefulPageActionDescription<ActionName> = {
     action: ActionName;
     label?: string;
     content?: string;
+    disabled?: boolean;
 } | ActionName;
 export type StateAndMetadata<State, Actions> = {
     state: State;
@@ -36,6 +37,7 @@ export declare abstract class StatefulPage<State extends Record<string, unknown>
         action: string;
         label: string;
         content: string;
+        disabled: boolean;
     };
     makeActionURL<ActionName extends keyof Actions>(action_description: StatefulPageActionDescription<ActionName>, ...args: ExtractTail<ExtractTail<ExtractTail<Parameters<Actions[ActionName]>>>>): string;
     makeActionButton<ActionName extends keyof Actions>(_state: State, action_description: StatefulPageActionDescription<ActionName>, ...args: ExtractTail<ExtractTail<ExtractTail<Parameters<Actions[ActionName]>>>>): string;

package/lib/forms/controls/single-reference.js

@@ -9,10 +9,13 @@ class SingleReferenceDropdown extends FreeformDropdown {
       field,
       async (ctx) => {
         const { items } = await ctx.$app.collections[field.sealiousField.target_collection].list(ctx.$context).fetch();
-        return items.map((item) => ({
-          value: item.id,
-          label: options.getLabel ? options.getLabel(item) : item.id
-        }));
+        return [
+          { value: "", label: "--" },
+          ...items.map((item) => ({
+            value: item.id,
+            label: options.getLabel ? options.getLabel(item) : item.id
+          }))
+        ];
       },
       options
     );

package/lib/forms/controls/single-reference.test.js

@@ -45,6 +45,7 @@ describe("single-reference.test", () => {
     await PlaywritghtExpect(page.getByLabel("article")).toBeVisible();
     await page.getByLabel("article").selectOption({ label: "article 2" });
     await page.getByRole("button", { name: "Wy\u015Blij" }).click();
+    await page.getByLabel("article").selectOption({ label: "--" });
     await test_app.close();
   }).timeout(100 * 1e3);
 });

package/lib/page/stateful-page.js

@@ -39,16 +39,19 @@ class StatefulPage extends Mountable {
   }
   extractActionAndLabel(action_description) {
     let label, action, content;
+    let disabled;
     if (is(action_description, predicates.object)) {
       action = action_description.action.toString();
       label = action_description.label || action;
       content = action_description.content || label;
+      disabled = action_description.disabled || false;
     } else {
       action = action_description.toString();
       label = action;
       content = label;
+      disabled = false;
     }
-    return { action, label, content };
+    return { action, label, content, disabled };
   }
   makeActionURL(action_description, ...args) {
     const { action } = this.extractActionAndLabel(action_description);
@@ -58,7 +61,7 @@ class StatefulPage extends Mountable {
     )}`;
   }
   makeActionButton(_state, action_description, ...args) {
-    const { label, content } = this.extractActionAndLabel(action_description);
+    const { label, content, disabled } = this.extractActionAndLabel(action_description);
     return (
       /* HTML */
       `
@@ -66,6 +69,7 @@ class StatefulPage extends Mountable {
 				type="submit"
 				formaction="${this.makeActionURL(action_description, ...args)}"
 				title="${label}"
+				${disabled ? "disabled" : ""}
 			>
 				${content}
 			</button>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sealcode/sealgen",
-	"version": "0.15.46",
+	"version": "0.15.48",
 	"description": "Module to automate adding routes and collections to a sealious application",
 	"main": "lib/index.js",
 	"type": "module",

package/src/forms/controls/single-reference.test.ts

@@ -56,6 +56,7 @@ describe("single-reference.test", () => {
 		await PlaywritghtExpect(page.getByLabel("article")).toBeVisible();
 		await page.getByLabel("article").selectOption({ label: "article 2" });
 		await page.getByRole("button", { name: "Wyślij" }).click();
+		await page.getByLabel("article").selectOption({ label: "--" }); // "--" means empty value - it should be available, as the field is not required
 
 		await test_app.close();
 	}).timeout(100 * 1000);

package/src/forms/controls/single-reference.ts

@@ -25,10 +25,15 @@ export class SingleReferenceDropdown<
 				]
 					.list(ctx.$context)
 					.fetch();
-				return items.map((item) => ({
-					value: item.id,
-					label: options.getLabel ? options.getLabel(item) : item.id,
-				}));
+				return [
+					{ value: "", label: "--" },
+					...items.map((item) => ({
+						value: item.id,
+						label: options.getLabel
+							? options.getLabel(item)
+							: item.id,
+					})),
+				];
 			},
 			options
 		);

package/src/page/stateful-page.ts

@@ -14,6 +14,7 @@ export type StatefulPageActionDescription<ActionName> =
 			action: ActionName;
 			label?: string;
 			content?: string;
+			disabled?: boolean;
 	  }
 	| ActionName;
 
@@ -103,18 +104,21 @@ export abstract class StatefulPage<
 
 	extractActionAndLabel<ActionName extends keyof Actions>(
 		action_description: StatefulPageActionDescription<ActionName>
-	): { action: string; label: string; content: string } {
+	): { action: string; label: string; content: string; disabled: boolean } {
 		let label, action, content: string;
+		let disabled: boolean;
 		if (is(action_description, predicates.object)) {
 			action = action_description.action.toString();
 			label = action_description.label || action;
 			content = action_description.content || label;
+			disabled = action_description.disabled || false;
 		} else {
 			action = action_description.toString();
 			label = action;
 			content = label;
+			disabled = false;
 		}
-		return { action, label, content };
+		return { action, label, content, disabled };
 	}
 
 	makeActionURL<ActionName extends keyof Actions>(
@@ -137,13 +141,14 @@ export abstract class StatefulPage<
 			ExtractTail<ExtractTail<Parameters<Actions[ActionName]>>>
 		>
 	) {
-		const { label, content } =
+		const { label, content, disabled } =
 			this.extractActionAndLabel(action_description);
 		return /* HTML */ `
 			<button
 				type="submit"
 				formaction="${this.makeActionURL(action_description, ...args)}"
 				title="${label}"
+				${disabled ? "disabled" : ""}
 			>
 				${content}
 			</button>