@sealcode/sealgen 0.14.15 → 0.14.16

package/@types/src/forms/controls/photo.d.ts

@@ -15,6 +15,7 @@ export declare class Photo extends File {
         id?: string;
         filename?: string;
     } | null): Promise<FlatTemplatable>;
+    getWrapperModifiers(): string[];
     getInputAttributes(fctx: FormControlContext): Promise<{
         accept: string;
         onchange: string;

package/@types/src/forms/controls/simple-input.d.ts

@@ -28,5 +28,6 @@ export declare class SimpleInput<ParsedValue, Options extends SimpleInputOptions
     getInputAttributes(fctx: FormControlContext): Promise<Record<string, string | boolean>>;
     postInput(_: Context): Promise<FlatTemplatable>;
     renderInput(_ctx: Context, attributes_str: string, _data: Record<string, FormDataValue>): Promise<FlatTemplatable>;
+    getWrapperModifiers(): string[];
     render<Fields extends Record<string, FormField>>(fctx: FormControlContext): Promise<FlatTemplatable>;
 }

package/dist/forms/controls/photo.js

@@ -29,9 +29,15 @@ class Photo extends File {
     })}
 		</div>`;
   }
+  getWrapperModifiers() {
+    return [
+      ...super.getWrapperModifiers(),
+      "control-type__image",
+      "control-type__photo"
+    ];
+  }
   async getInputAttributes(fctx) {
     const original = await super.getInputAttributes(fctx);
-    const { parsed } = await this.field.getValue(fctx.ctx, fctx.data);
     return {
       ...original,
       accept: "image/*",

package/dist/forms/controls/simple-input.js

@@ -55,16 +55,23 @@ class SimpleInput extends FormFieldControl {
   async renderInput(_ctx, attributes_str, _data) {
     return `<input ${attributes_str} />`;
   }
+  getWrapperModifiers() {
+    return [
+      this.getID(),
+      this.getType(),
+      "type__" + this.getType(),
+      getRequiredClass(this.field.required)
+    ];
+  }
   async render(fctx) {
     const id = this.getID();
     const label = this.getLabel();
-    const type = this.getType();
     const { valid, message } = await this.field.getValue(
       fctx.ctx,
       fctx.data
     );
     return inputWrapper(
-      [id, type, getRequiredClass(this.field.required)],
+      this.getWrapperModifiers(),
       tempstream`
 				${label ? `<label for="${id}">${label}</label>` : ""}
 				${await this.preInput(fctx.ctx, fctx.data)}

package/package.json

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

package/src/forms/controls/photo.ts

@@ -44,12 +44,19 @@ export class Photo extends File {
 		</div>`;
 	}
 
+	getWrapperModifiers(): string[] {
+		return [
+			...super.getWrapperModifiers(),
+			"control-type__image",
+			"control-type__photo",
+		];
+	}
+
 	async getInputAttributes(fctx: FormControlContext) {
 		const original = (await super.getInputAttributes(fctx)) as Record<
 			string,
 			string | boolean
 		>;
-		const { parsed } = await this.field.getValue(fctx.ctx, fctx.data);
 		return {
 			...original,
 			accept: "image/*",

package/src/forms/controls/simple-input.ts

@@ -117,19 +117,27 @@ export class SimpleInput<
 		return `<input ${attributes_str} />`;
 	}
 
+	getWrapperModifiers(): string[] {
+		return [
+			this.getID(),
+			this.getType(),
+			"type__" + this.getType(),
+			getRequiredClass(this.field.required),
+		];
+	}
+
 	async render<Fields extends Record<string, FormField>>(
 		fctx: FormControlContext
 	): Promise<FlatTemplatable> {
 		const id = this.getID();
 		const label = this.getLabel();
-		const type = this.getType();
 
 		const { valid, message } = await this.field.getValue(
 			fctx.ctx,
 			fctx.data
 		);
 		return inputWrapper(
-			[id, type, getRequiredClass(this.field.required)],
+			this.getWrapperModifiers(),
 			tempstream/* HTML */ `
 				${label ? `<label for="${id}">${label}</label>` : ""}
 				${await this.preInput(fctx.ctx, fctx.data)}