@sealcode/sealgen 0.11.8 → 0.12.2

package/lib/find-css-includes.js

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generate_css_includes = void 0;
-const fs_1 = require("fs");
-const locreq_1 = __importDefault(require("locreq"));
-const path_1 = require("path");
-const walk_1 = require("./utils/walk");
-const target_locreq = (0, locreq_1.default)(process.cwd());
-async function generate_css_includes() {
-    const files = await Promise.all((await (0, walk_1.walkDir)(target_locreq.resolve("src/")))
-        .filter((f) => f.endsWith(".css") &&
-        !f.endsWith("/main.css") &&
-        !f.endsWith("\\main.css") &&
-        !f.endsWith("/includes.css") &&
-        !f.endsWith("\\includes.css") &&
-        !f.includes(".#"))
-        .map((fullpath) => (0, path_1.relative)(target_locreq.resolve("src/"), fullpath)));
-    await fs_1.promises.writeFile(target_locreq.resolve("src/includes.css"), `/*  DO NOT EDIT! This file is generated automaticaly with npx sealgen generate-css-includes */
-
-@import "../node_modules/@sealcode/sealgen/src/forms/forms.css";
-${files.map((path) => `@import "${path.replaceAll("\\", "/")}";`).join("\n")}
-`);
-    // eslint-disable-next-line no-console
-    console.log("Successfuly generated new src/includes.css file");
-}
-exports.generate_css_includes = generate_css_includes;
-//# sourceMappingURL=find-css-includes.js.map

package/lib/find-scss-includes.js

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateScssIncludes = void 0;
-const fs_1 = require("fs");
-const locreq_1 = __importDefault(require("locreq"));
-const path_1 = require("path");
-const walk_1 = require("./utils/walk");
-const target_locreq = (0, locreq_1.default)(process.cwd());
-async function generateScssIncludes() {
-    const files = await Promise.all((await (0, walk_1.walkDir)(target_locreq.resolve("src/")))
-        .filter((f) => f.endsWith(".css") &&
-        !f.endsWith("/main.css") &&
-        !f.endsWith("\\main.css") &&
-        !f.endsWith("/includes.css") &&
-        !f.endsWith("\\includes.css") &&
-        !f.includes(".#"))
-        .map((fullpath) => (0, path_1.relative)(target_locreq.resolve("src/"), fullpath)));
-    await fs_1.promises.writeFile(target_locreq.resolve("src/includes.css"), `/*  DO NOT EDIT! This file is generated automaticaly with npx sealgen generate-scss-includes */
-
-@import "../node_modules/@sealcode/sealgen/src/forms/forms.css";
-${files.map((path) => `@import "${path.replaceAll("\\", "/")}";`).join("\n")}
-`);
-    // eslint-disable-next-line no-console
-    console.log("Successfuly generated new src/includes.css file");
-}
-exports.generateScssIncludes = generateScssIncludes;
-//# sourceMappingURL=find-scss-includes.js.map

package/lib/forms/controls/array.js

@@ -1,148 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StructuredArray = exports.UnboundControl = void 0;
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-const qs_1 = __importDefault(require("qs"));
-const tempstream_1 = require("tempstream");
-const __1 = require("../..");
-const form_field_control_1 = require("./form-field-control");
-function UnboundControl(controlClass, arbitrary_field_name, params) {
-    return [controlClass, arbitrary_field_name, params];
-}
-exports.UnboundControl = UnboundControl;
-class StructuredArray extends form_field_control_1.FormFieldControl {
-    constructor(field, item_controls) {
-        super([field]);
-        this.field = field;
-        this.item_controls = item_controls;
-    }
-    getFrameID() {
-        return `array-frame-${this.field.name}`;
-    }
-    getInnerFormID() {
-        return this.getFrameID() + "-form";
-    }
-    getActionURL(form_id, action) {
-        return `${this.getFrameID()}${form_id || action ? "?" : ""}${qs_1.default.stringify({ form_id, action })}`;
-    }
-    async getDefaultItemBody() {
-        return {};
-    }
-    makeSubfield(_field_name) {
-        const fields = this;
-        return new __1.Fields.SimpleFormField(false);
-    }
-    async renderItemControl(ctx, form_id, control, item, index) {
-        const fctx = {
-            ctx,
-            data: {},
-            messages: [],
-            field_name_prefix: "",
-            form_id,
-            validate: false,
-        };
-        if (Array.isArray(control)) {
-            const [constructor, field_name, params] = control;
-            const field = this.makeSubfield(field_name);
-            if (!field) {
-                console.warn(`makeSubfield returned null for field ${field_name}`);
-                return "";
-            }
-            await field.init(`${this.field.name}[data][${index}][${field_name}]`);
-            const hidden_shadow = new __1.Controls.Derived([field], async (values, { inner_form_id, field_name }) => /* HTML */ `<input
-					name="${field_name}"
-					type="hidden"
-					value="${values[field_name] || ""}"
-					form="${inner_form_id}"
-				/>`, async () => ({
-                inner_form_id: this.getInnerFormID(),
-                field_name: field.name,
-            }));
-            return (0, tempstream_1.tempstream) `${new constructor(field, params).render({
-                ...fctx,
-                data: { [field.name]: item[field_name] },
-            })}${hidden_shadow.render({
-                ...fctx,
-                data: { [field.name]: item[field_name] },
-                form_id: this.getInnerFormID(),
-            })}`;
-        }
-        else {
-            return control.render(fctx);
-        }
-    }
-    async renderItem(ctx, form_id, item, index) {
-        return (0, tempstream_1.tempstream /* HTML */) `<div>
-			${this.item_controls.map((control) => this.renderItemControl(ctx, form_id, control, item, index))}
-			<input
-				type="submit"
-				value="remove"
-				form="${this.getInnerFormID()}"
-				formaction="${this.getActionURL(form_id, {
-            remove: index,
-        })}"
-			/>
-		</div>`;
-    }
-    async getItems(ctx, raw_values) {
-        return (await this.field.getValue(ctx, raw_values)).parsed;
-    }
-    async _render(ctx, form_id, raw_values) {
-        const items = await this.getItems(ctx, raw_values);
-        return (0, tempstream_1.tempstream /* HTML */) `<turbo-frame id="${this.getFrameID()}">
-			Reverse Single Reference
-			${items.map((item, index) => this.renderItem(ctx, form_id, item, index))}
-			<form id="${this.getInnerFormID()}" method="POST"></form>
-			<input
-				type="submit"
-				value="add"
-				form="${this.getInnerFormID()}"
-				formaction="${this.getActionURL(form_id, {
-            insert: { index: items.length, value: {} },
-        })}"
-			/>
-		</turbo-frame>`;
-    }
-    render(fctx) {
-        return this._render(fctx.ctx, fctx.form_id, fctx.data);
-    }
-    async getTargetItemID(ctx) {
-        return ctx.params.id;
-    }
-    mount(router) {
-        console.log("mounting!", this.getActionURL());
-        router.post(this.getActionURL(), async (ctx) => {
-            let form_id = ctx.query.form_id;
-            if (typeof form_id != "string") {
-                throw new Error("Missing form_id query param");
-            }
-            const item = await this.field.sealious_field.collection.getByID(ctx.$context, await this.getTargetItemID(ctx));
-            if (!(0, ts_predicates_1.hasShape)({ action: ts_predicates_1.predicates.object }, ctx.$body)) {
-                throw new Error("Missing action param");
-            }
-            const field_data = ctx.$body[this.field.name] || { data: [] };
-            console.log({ action: field_data });
-            if (!(0, ts_predicates_1.hasShape)({
-                data: ts_predicates_1.predicates.array(this.field.sealious_field.value_predicate),
-            }, field_data)) {
-                throw new Error("missing data atribute in action description");
-            }
-            item.set(this.field.name, {
-                ...ctx.$body.action,
-                data: field_data.data || [],
-            });
-            console.log("ACTION", {
-                ...ctx.$body.action,
-                data: field_data.data || [],
-            });
-            await item.save(ctx.$context);
-            console.log(await item.getDecodedBody(ctx.$context, {}));
-            ctx.body = this._render(ctx, form_id, await item.getDecodedBody(ctx.$context, {}));
-        });
-    }
-}
-exports.StructuredArray = StructuredArray;
-//# sourceMappingURL=array.js.map

package/lib/forms/controls/autocomplete.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
-const simple_input_1 = require("./simple-input");
-class Autocomplete extends simple_input_1.SimpleInput {
-    constructor(field, options) {
-        super(field);
-        this.field = field;
-        this.options = options;
-    }
-    getListID() {
-        return this.getID() + "_list";
-    }
-    async getInputAttributes(fctx) {
-        return {
-            ...(await super.getInputAttributes(fctx)),
-            list: this.getListID(),
-        };
-    }
-    async postInput(ctx) {
-        return /* HTML */ `<datalist id="${this.getListID()}">
-			${(await this.field.generateOptions(ctx)).map(({ value }) => /* HTML */ `<option>${value}</option>`)}
-		</datalist>`;
-    }
-}
-exports.Autocomplete = Autocomplete;
-//# sourceMappingURL=autocomplete.js.map

package/lib/forms/controls/big-radio-group.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BigRadioGroup = void 0;
-const tempstream_1 = require("tempstream");
-const form_field_control_1 = require("./form-field-control");
-class BigRadioGroup extends form_field_control_1.FormFieldControl {
-    constructor(field, options) {
-        super([field]);
-        this.field = field;
-        this.options = options;
-    }
-    async render(fctx) {
-        const { raw: current_value } = await this.field.getValue(fctx.ctx, fctx.data);
-        return (0, tempstream_1.tempstream /* HTML */) `<div class="bigradios">
-			${Object.entries(this.options).map(([key, { description }]) => {
-            const id = `${this.field.name}-radio-${key}`;
-            return (0, tempstream_1.tempstream /* HTML */) `<input
-						type="radio"
-						name="${this.field.name}"
-						value="${key}"
-						id="${id}"
-						style="display: none"
-						${fctx.form_id ? `form=${fctx.form_id}` : ""}
-						${this.field.required ? "required" : ""}
-						${key == current_value ? "checked" : ""}
-					/>
-					<div class="bigradio">
-						${typeof description == "function"
-                ? description(fctx)
-                : description}
-						<label class="bigradio__cta" for="${id}">Wybierz</label>
-					</div>`;
-        })}
-		</div>`;
-    }
-}
-exports.BigRadioGroup = BigRadioGroup;
-//# sourceMappingURL=big-radio-group.js.map

package/lib/forms/controls/checkbox-group.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxGroup = void 0;
-const proxy_field_1 = require("../fields/proxy-field");
-const checkbox_1 = require("./checkbox");
-const controls_1 = require("./controls");
-class CheckboxGroup extends controls_1.FormFieldControl {
-    constructor(field, options = {}) {
-        super([field]);
-        this.field = field;
-        this.options = options;
-    }
-    wrapGroup(fctx, checkboxes) {
-        return new controls_1.FieldGroup(checkboxes, {
-            label: this.options.label,
-            classes: [
-                ...(this.options.classes || []),
-                "field-group--checkboxes",
-            ],
-        }).render(fctx);
-    }
-    async render(fctx) {
-        const { parsed: values } = await this.field.getValue(fctx.ctx, fctx.data);
-        const checkboxes = this.field.options.map((option) => new checkbox_1.CheckboxWithValue(new proxy_field_1.ProxyFormField(false, this.field.name, false, values.includes(option)), {
-            id: this.field.name + "__" + option,
-            label: (this.options.checkboxNameToLabel ||
-                ((s) => s))(option),
-        }, option));
-        return this.wrapGroup(fctx, checkboxes);
-    }
-}
-exports.CheckboxGroup = CheckboxGroup;
-//# sourceMappingURL=checkbox-group.js.map

package/lib/forms/controls/checkbox.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxWithValue = exports.Checkbox = void 0;
-const tickable_1 = require("./tickable");
-class Checkbox extends tickable_1.Tickable {
-    constructor() {
-        super(...arguments);
-        this.type = "checkbox";
-    }
-    isChecked(_ctx, _data, value) {
-        return value;
-    }
-    getValueAttribute() {
-        return "";
-    }
-}
-exports.Checkbox = Checkbox;
-class CheckboxWithValue extends Checkbox {
-    constructor(field, options, value) {
-        super(field, options);
-        this.field = field;
-        this.value = value;
-    }
-    getValueAttribute() {
-        return this.value;
-    }
-}
-exports.CheckboxWithValue = CheckboxWithValue;
-//# sourceMappingURL=checkbox.js.map

package/lib/forms/controls/checkboxed-list-input.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxedListInput = void 0;
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-const tempstream_1 = require("tempstream");
-const input_wrapper_1 = require("../../utils/input-wrapper");
-const controls_1 = require("./controls");
-class CheckboxedListInput extends controls_1.FormFieldControl {
-    constructor(field, options = { label: field.name }) {
-        super([field]);
-        this.field = field;
-        this.options = options;
-    }
-    async render(fctx) {
-        const { parsed: pickedValues } = await this.field.getValue(fctx.ctx, fctx.data);
-        if (!(0, ts_predicates_1.is)(pickedValues, ts_predicates_1.predicates.array(ts_predicates_1.predicates.string))) {
-            throw new Error("picked values is not an array of strings");
-        }
-        const [options, isVisible] = await Promise.all([
-            this.field.generateOptions(fctx.ctx),
-            this.field.isVisible(fctx.ctx),
-        ]);
-        const { name, required } = this.field;
-        return (0, tempstream_1.tempstream /* HTML */) `${isVisible
-            ? Object.entries(options).map(([value, text]) => (0, input_wrapper_1.inputWrapper)([name, (0, input_wrapper_1.getRequiredClass)(required)], 
-            /* HTML */ `
-							<input
-								type="checkbox"
-								id="${name}.${value}"
-								name="${name}.${value}"
-								${pickedValues.includes(value) ? "checked" : ""}
-							/>
-							<label for="${name}.${value}">${text}</label>
-						`))
-            : ""}`;
-    }
-}
-exports.CheckboxedListInput = CheckboxedListInput;
-//# sourceMappingURL=checkboxed-list-input.js.map

package/lib/forms/controls/collapsible-checkbox-group.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsibleCheckboxGroup = void 0;
-const checkbox_group_1 = require("./checkbox-group");
-const collapsible_field_group_1 = require("./collapsible-field-group");
-class CollapsibleCheckboxGroup extends checkbox_group_1.CheckboxGroup {
-    wrapGroup(fctx, checkboxes) {
-        return new collapsible_field_group_1.CollapsibleFieldGroup(checkboxes, {
-            label: this.options.label,
-            textWhenOpen: this.options.textWhenOpen,
-            textWhenClosed: this.options.textWhenClosed,
-            groupID: this.options.groupID,
-        }).render(fctx);
-    }
-}
-exports.CollapsibleCheckboxGroup = CollapsibleCheckboxGroup;
-//# sourceMappingURL=collapsible-checkbox-group.js.map

package/lib/forms/controls/controls.js

@@ -1,60 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldGroup = exports.Textarea = exports.HiddenInput = exports.HTML = exports.FormParagraph = exports.FormHeader = exports.SimpleInput = exports.CheckboxedListInput = exports.Frame = exports.EditableCollectionSubset = exports.FormFieldControl = exports.FormControl = void 0;
-var form_control_1 = require("./form-control");
-Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return form_control_1.FormControl; } });
-var form_field_control_1 = require("./form-field-control");
-Object.defineProperty(exports, "FormFieldControl", { enumerable: true, get: function () { return form_field_control_1.FormFieldControl; } });
-var editable_collection_subset_1 = require("./editable-collection-subset");
-Object.defineProperty(exports, "EditableCollectionSubset", { enumerable: true, get: function () { return editable_collection_subset_1.EditableCollectionSubset; } });
-var frame_1 = require("./frame");
-Object.defineProperty(exports, "Frame", { enumerable: true, get: function () { return frame_1.Frame; } });
-var checkboxed_list_input_1 = require("./checkboxed-list-input");
-Object.defineProperty(exports, "CheckboxedListInput", { enumerable: true, get: function () { return checkboxed_list_input_1.CheckboxedListInput; } });
-__exportStar(require("./dropdown"), exports);
-var simple_input_1 = require("./simple-input");
-Object.defineProperty(exports, "SimpleInput", { enumerable: true, get: function () { return simple_input_1.SimpleInput; } });
-var form_header_1 = require("./form-header");
-Object.defineProperty(exports, "FormHeader", { enumerable: true, get: function () { return form_header_1.FormHeader; } });
-var form_paragraph_1 = require("./form-paragraph");
-Object.defineProperty(exports, "FormParagraph", { enumerable: true, get: function () { return form_paragraph_1.FormParagraph; } });
-var html_1 = require("./html");
-Object.defineProperty(exports, "HTML", { enumerable: true, get: function () { return html_1.HTML; } });
-var hidden_input_1 = require("./hidden-input");
-Object.defineProperty(exports, "HiddenInput", { enumerable: true, get: function () { return hidden_input_1.HiddenInput; } });
-var textarea_1 = require("./textarea");
-Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
-var field_group_1 = require("./field-group");
-Object.defineProperty(exports, "FieldGroup", { enumerable: true, get: function () { return field_group_1.FieldGroup; } });
-__exportStar(require("./derived"), exports);
-__exportStar(require("./derived-frame"), exports);
-__exportStar(require("./tickable"), exports);
-__exportStar(require("./checkbox"), exports);
-__exportStar(require("./radio"), exports);
-__exportStar(require("./big-radio-group"), exports);
-__exportStar(require("./checkbox-group"), exports);
-__exportStar(require("./collapsible-field-group"), exports);
-__exportStar(require("./collapsible-checkbox-group"), exports);
-__exportStar(require("./autocomplete"), exports);
-__exportStar(require("./file"), exports);
-__exportStar(require("./photo"), exports);
-__exportStar(require("./multiple-files"), exports);
-__exportStar(require("./number"), exports);
-__exportStar(require("./multiple-photos"), exports);
-// export * from "./reverse-single-reference";
-__exportStar(require("./array"), exports);
-//# sourceMappingURL=controls.js.map

package/lib/forms/controls/derived-frame.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DerivedFrame = void 0;
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-const tempstream_1 = require("tempstream");
-const make_slug_1 = require("../../utils/make-slug");
-const derived_1 = require("./derived");
-const form_control_1 = require("./form-control");
-class DerivedFrame extends derived_1.Derived {
-    constructor(frame_name, fields, generateFrameContent, 
-    // "a" is to make it a valid DOM id
-    frame_id = "a" + (0, make_slug_1.makeSlug)(frame_name)) {
-        super(fields, async (values, consts) => /* HTML */ `<turbo-frame
-				id="${consts.frame_id}"
-				src="./${consts.frame_id}?${Object.entries({
-            ...consts,
-            ...(values || {}),
-        })
-            .map(([key, value]) => `${key}=${value}`)
-            .join("&")}"
-			></turbo-frame>`, async (fctx) => ({
-            form_id: fctx.form_id,
-            field_name_prefix: fctx.field_name_prefix,
-            frame_id,
-            validate: fctx.validate,
-        }));
-        this.frame_name = frame_name;
-        this.generateFrameContent = generateFrameContent;
-        this.frame_id = frame_id;
-    }
-    renderBackendResponseFrame(_ctx, content) {
-        return (0, tempstream_1.tempstream /* HTML */) `<turbo-frame
-			id="${this.frame_id}"
-			target="_top"
-		>
-			${content || ""}
-		</turbo-frame>`;
-    }
-    mount(router) {
-        router.get(this.frame_id, async (ctx) => {
-            const query = ctx.query;
-            if (!(0, ts_predicates_1.hasShape)({
-                field_name_prefix: ts_predicates_1.predicates.string,
-                form_id: ts_predicates_1.predicates.string,
-                validate: ts_predicates_1.predicates.string,
-            }, query)) {
-                ctx.body = this.renderBackendResponseFrame(ctx, "Missing query params");
-                return;
-            }
-            ctx.body = this.renderBackendResponseFrame(ctx, await this.generateFrameContent(new form_control_1.FormControlContext(ctx, ctx.query, [], query.field_name_prefix, query.form_id, query.validate === "true" ? true : false), ctx.query));
-        });
-        return;
-    }
-}
-exports.DerivedFrame = DerivedFrame;
-//# sourceMappingURL=derived-frame.js.map

package/lib/forms/controls/derived.js

@@ -1,81 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Derived = void 0;
-const crypto_1 = require("crypto");
-const tempstream_1 = require("tempstream");
-const form_control_1 = require("./form-control");
-class Derived extends form_control_1.FormControl {
-    constructor(fields, _render, getConsts = async () => ({})) {
-        super();
-        this.fields = fields;
-        this._render = _render;
-        this.getConsts = getConsts;
-        this.role = "decoration";
-    }
-    async getBackendValues(fctx) {
-        const fieldnames = this.fields.map((f) => f.name);
-        const result = Object.fromEntries(Object.entries(fctx.data).filter(([key]) => fieldnames.includes(key)));
-        return result;
-    }
-    async render(fctx) {
-        // the A makes it always a valid id, as it cannot start with a number
-        const id = "A" + (0, crypto_1.randomUUID)();
-        const consts = this.getConsts(fctx);
-        const frontend_side_refresh_code = (values_code = "getValues()") => `render(${values_code}, consts)
-.then(result=>document.querySelector("#${id}").innerHTML=result)`;
-        return (0, tempstream_1.tempstream /* HTML */) `<div>
-			<script>
-				(function () {
-					const consts = ${"{" +
-            Object.entries((await consts) || {})
-                .map(([key, value]) => {
-                return `"${key}": ${typeof value === "object"
-                    ? JSON.stringify(value)
-                    : typeof value == "string"
-                        ? '"' + value.toString() + '"'
-                        : value.toString()}`;
-            })
-                .join(",") +
-            "}"};
-					const form_container =
-						document.currentScript.closest(".form-container");
-					const render = ${this._render.toString()};
-					function getValues() {
-						return Object.fromEntries(
-							${JSON.stringify(this.fields.map((field) => field.name))}.map((field_name) => {
-								let input = form_container.querySelector(
-									\`input[name="\${field_name}"]\`
-								);
-								if (!input) {
-									return [field_name, ""];
-								}
-								if (input.type === "radio") {
-									input = form_container.querySelector(
-										\`input[name="\${field_name}"]:checked\`
-									);
-								}
-								return [field_name, input.value];
-							})
-						);
-					}
-					function setupWatcher(field_name) {
-						form_container
-							.querySelectorAll(\`input[name="\${field_name}"]\`)
-							.forEach((input) => {
-								input.addEventListener("change", () => {
-									${frontend_side_refresh_code()};
-								});
-							});
-					}
-					${JSON.stringify(this.fields.map((field) => field.name))}.forEach(setupWatcher);
-					setTimeout(() => {
-						${frontend_side_refresh_code(JSON.stringify(await this.getBackendValues(fctx)))};
-					}, 0);
-				})();
-			</script>
-			<div id="${id}">${this._render({}, await consts)}</div>
-		</div>`;
-    }
-}
-exports.Derived = Derived;
-//# sourceMappingURL=derived.js.map

package/lib/forms/controls/dropdown.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropdown = exports.FreeformDropdown = void 0;
-const tempstream_1 = require("tempstream");
-const sanitize_1 = require("../../sanitize");
-const simple_input_1 = require("./simple-input");
-class FreeformDropdown extends simple_input_1.SimpleInput {
-    constructor(field, _generateOptions, options = {
-        label: field.name,
-        autosubmit: false,
-        autocomplete: true,
-    }) {
-        super(field, options);
-        this.field = field;
-        this._generateOptions = _generateOptions;
-        this.options = options;
-    }
-    async generateOptions(ctx) {
-        return this._generateOptions(ctx);
-    }
-    async getInputAttributes(fctx) {
-        const original = await super.getInputAttributes(fctx);
-        return {
-            ...original,
-            ...Object.fromEntries([
-                ...(this.options.autosubmit
-                    ? [
-                        [
-                            "onchange",
-                            (original.onchange || "") +
-                                ";this.form.submit();",
-                        ],
-                    ]
-                    : []),
-            ]),
-        };
-    }
-    async renderInput(ctx, attributes_str, data) {
-        const { parsed: picked_value } = await this.field.getValue(ctx, data);
-        return /* HTML */ (0, tempstream_1.tempstream) `<select ${attributes_str}>
-			${
-        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-        Promise.resolve(this.generateOptions(ctx)).then((options) => options.map(({ value, label }) => `<option value="${(0, sanitize_1.attribute)(value)}" ${(value || "") == picked_value ? "selected" : ""}>${label}</option>`))}
-		</select>`;
-    }
-}
-exports.FreeformDropdown = FreeformDropdown;
-class Dropdown extends FreeformDropdown {
-    constructor(field, options = {
-        label: field.name,
-        autosubmit: false,
-        autocomplete: true,
-    }) {
-        super(field, (ctx) => field.generateOptions(ctx), options);
-        this.field = field;
-        this.options = options;
-    }
-}
-exports.Dropdown = Dropdown;
-//# sourceMappingURL=dropdown.js.map