@sealcode/jdd-editor 0.1.0

package/lib/edit-jdd-field.js

@@ -0,0 +1,102 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditJDDField = void 0;
+const jdd_1 = require("@sealcode/jdd");
+const jdd_creator_js_1 = __importDefault(require("./jdd-creator.js"));
+const tempstream_1 = require("tempstream");
+class EditJDDField extends jdd_creator_js_1.default {
+    getID(ctx) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions, @typescript-eslint/no-unsafe-member-access
+            const id = ctx.params["id"];
+            if (!id) {
+                throw new Error("Missing URL  parameter: " + "id");
+            }
+            return id;
+        });
+    }
+    getItem(ctx) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { items: [item], } = yield this.getCollection(ctx)
+                .list(ctx.$context)
+                .ids([yield this.getID(ctx)])
+                .fetch();
+            if (!item) {
+                throw new Error("Couldn't get item of id " + (yield this.getID(ctx)));
+            }
+            return item;
+        });
+    }
+    mount(router, path) {
+        super.mount(router, path);
+        router.post(path + "save/", (ctx) => __awaiter(this, void 0, void 0, function* () {
+            const { state } = yield this.extractState(ctx);
+            const item = yield this.getItem(ctx);
+            item.set(this.getJDDFieldName(), (yield (0, jdd_1.documentToStorage)(this.registry, this.makeJDDContext(ctx), {
+                value: state.components,
+            })).value);
+            yield item.save(ctx.$context);
+            ctx.type = "html";
+            ctx.status = 422;
+            if (!state.messages) {
+                state.messages = [];
+            }
+            state.messages.push("Saved!");
+            ctx.body = this.render(ctx, state);
+        }));
+    }
+    renderHeader(_ctx, _item) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return /* HTML */ `<h1>Edit JDD</h1>`;
+        });
+    }
+    renderPreParameterButtons(ctx) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const item = yield this.getItem(ctx);
+            return (0, tempstream_1.tempstream) `<div>${this.renderHeader(ctx, item)}</div>`;
+        });
+    }
+    renderParameterButtons(state) {
+        {
+            /*The below button has to be here in order for it to be the default behavior */
+        }
+        return `<div class="jdd-editor__toolbar">
+				<input type="submit" value="Preview" />
+				<select name="component">
+					${Object.keys(this.getRegistryComponents())
+            .map((cmp) => `<option value="${cmp}">${cmp}</option>`)
+            .join("")}
+				</select>
+				${this.makeActionButton(state, {
+            action: "add_component",
+            label: "Add component",
+        })}
+				<input type="submit" formaction="./save/" value="zapisz" />
+			</div>`;
+    }
+    getInitialState(ctx) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const article = yield this.getItem(ctx);
+            const parsed_document = yield (0, jdd_1.documentToParsed)(this.registry, this.makeJDDContext(ctx), (0, jdd_1.documentContainerFromStorage)(
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            article.get(this.getJDDFieldName()) || []));
+            return {
+                components: parsed_document.value.map((e) => (Object.assign(Object.assign({}, e), { open: true }))),
+            };
+        });
+    }
+}
+exports.EditJDDField = EditJDDField;
+//# sourceMappingURL=edit-jdd-field.js.map

package/lib/edit-jdd-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-jdd-field.js","sourceRoot":"","sources":["../src/edit-jdd-field.ts"],"names":[],"mappings":"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"}

package/lib/index.js

@@ -0,0 +1,19 @@
+"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 });
+__exportStar(require("./edit-jdd-field.js"), exports);
+__exportStar(require("./components.sreact.js"), exports);
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,yDAAuC"}

package/lib/inputs/component-input-enum.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentInputEnum = ComponentInputEnum;
+const print_arg_path_js_1 = require("./print-arg-path.js");
+function ComponentInputEnum({ arg_path, arg, value, onchange, }) {
+    return /* HTML */ `<div id=${`component-input-enum-${arg_path.join("-")}`}>
+		<label>
+			${arg_path.at(-1) || ""}
+			<select
+				name="${`$${(0, print_arg_path_js_1.printArgPath)(arg_path)}`}"
+				onchange="${onchange || ""}"
+			>
+				${arg.values
+        .map((v) => /* HTML */ `<option
+							value="${v}"
+							${value == v ? "selected" : ""}
+						>
+							${v}
+						</option>`)
+        .join("")}
+			</select>
+		</label>
+	</div>`;
+}
+//# sourceMappingURL=component-input-enum.js.map

package/lib/inputs/component-input-enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-input-enum.js","sourceRoot":"","sources":["../../src/inputs/component-input-enum.ts"],"names":[],"mappings":";;AAGA,gDAgCC;AAlCD,2DAAmD;AAEnD,SAAgB,kBAAkB,CAA6C,EAC9E,QAAQ,EACR,GAAG,EACH,KAAK,EACL,QAAQ,GAOR;IACA,OAAO,UAAU,CAAC,WAAW,wBAAwB,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;;KAErE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;;YAEd,IAAI,IAAA,gCAAY,EAAC,QAAQ,CAAC,EAAE;gBACxB,QAAQ,IAAI,EAAE;;MAExB,GAAG,CAAC,MAAM;SACV,GAAG,CACH,CAAC,CAAI,EAAE,EAAE,CAAC,UAAU,CAAC;gBACX,CAAC;SACR,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;;SAE5B,CAAC;gBACM,CACV;SACA,IAAI,CAAC,EAAE,CAAC;;;QAGN,CAAC;AACT,CAAC"}

package/lib/inputs/component-input-image.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentInputImage = ComponentInputImage;
+const tempstream_1 = require("tempstream");
+const print_arg_path_js_1 = require("./print-arg-path.js");
+function ComponentInputImage({ arg_path, arg, value, ctx, page, state, makeJDDContext, }) {
+    const jdd_context = makeJDDContext(ctx);
+    return (0, tempstream_1.tempstream /* HTML */) `<div style="margin-bottom: 10px">
+		<label
+			style="display: flex; align-items: center; column-gap: 10px;"
+			data-controller="input-image-preview"
+		>
+			${arg_path.at(-1) || ""}
+			<div class="image-preview-container">
+				${value &&
+        jdd_context.render_image(value, {
+            container: {
+                width: 40,
+                height: 40,
+                objectFit: "cover",
+            },
+            crop: { width: 40, height: 40 },
+            style: "height: 40px; width: 40px;",
+            alt: "",
+        })}
+			</div>
+
+			<input
+				type="file"
+				name="${`$${(0, print_arg_path_js_1.printArgPath)(arg_path)}.new`}"
+				value=""
+				autocomplete="off"
+				data-action="change->input-image-preview#handleChange"
+				${arg.hasParent("list") ? "multiple" : ""}
+			/>
+		</label>
+		<div>
+			<input type="hidden" name="${`$${(0, print_arg_path_js_1.printArgPath)(arg_path)}.old`}"
+			value={value?.token || ""} autocomplete="off" />
+		</div>
+		${page.makeActionButton(state, {
+        action: "remove_file",
+        label: "❌",
+    }, arg_path)}
+	</div>`;
+}
+//# sourceMappingURL=component-input-image.js.map

package/lib/inputs/component-input-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-input-image.js","sourceRoot":"","sources":["../../src/inputs/component-input-image.ts"],"names":[],"mappings":";;AASA,kDA4DC;AA/DD,2CAAwC;AACxC,2DAAmD;AAEnD,SAAgB,mBAAmB,CAA6B,EAC/D,QAAQ,EACR,GAAG,EACH,KAAK,EACL,GAAG,EACH,IAAI,EACJ,KAAK,EACL,cAAc,GASd;IACA,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,OAAO,IAAA,uBAAU,CAAA,UAAU,EAAC;;;;;KAKxB,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;;MAEpB,KAAK;QACP,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,SAAS,EAAE;gBACV,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE,OAAO;aAClB;YACD,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YAC/B,KAAK,EAAE,4BAA4B;YACnC,GAAG,EAAE,EAAE;SACP,CAAC;;;;;YAKM,IAAI,IAAA,gCAAY,EAAC,QAAQ,CAAC,MAAM;;;;MAItC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;;;;gCAIb,IAAI,IAAA,gCAAY,EAAC,QAAQ,CAAC,MAAM;;;IAG5D,IAAI,CAAC,gBAAgB,CACtB,KAAK,EACL;QACC,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,GAAG;KACV,EACD,QAAQ,CACR;QACK,CAAC;AACT,CAAC"}

package/lib/inputs/component-input-list.js

@@ -0,0 +1,61 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentInputList = ComponentInputList;
+const component_input_js_1 = require("./component-input.js");
+const tempstream_1 = require("tempstream");
+function ComponentInputList(_a) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var { state, ctx, arg_path, arg, value, page, makeJDDContext } = _a, rest = __rest(_a, ["state", "ctx", "arg_path", "arg", "value", "page", "makeJDDContext"]);
+        if (!value) {
+            value = [];
+        }
+        return (0, tempstream_1.tempstream /* HTML */) `<fieldset
+		id="${`component-input-list-${arg_path.join("-")}`}"
+	>
+		<legend>${arg_path.at(-1)}</legend>
+		${value.map((value, i, all_values) => (0, tempstream_1.tempstream) `<div style="display: flex">
+					${(0, component_input_js_1.ComponentInput)(Object.assign(Object.assign({}, rest), { ctx,
+            state, arg_path: [...arg_path, i.toString()], arg: arg.item_type, value,
+            page,
+            makeJDDContext }))}
+					${page.makeActionButton(state, {
+            action: "move_array_item_down",
+            label: "↓",
+            disabled: i == all_values.length - 1,
+        }, arg_path, i)}
+					${page.makeActionButton(state, {
+            action: "move_array_item_up",
+            label: "↑",
+            disabled: i == 0,
+        }, arg_path, i)}
+
+					${page.makeActionButton(state, { action: "remove_array_item", label: "❌" }, arg_path, i)}
+				</div>`)}
+		${page.makeActionButton(state, {
+            action: "add_array_item",
+            label: "➕",
+        }, arg_path)}
+	</fieldset>`;
+    });
+}
+//# sourceMappingURL=component-input-list.js.map

package/lib/inputs/component-input-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-input-list.js","sourceRoot":"","sources":["../../src/inputs/component-input-list.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,gDAiFC;AArFD,6DAAsD;AAEtD,2CAAwC;AAExC,SAAsB,kBAAkB,CAGtC,EAmBD;;YAnBC,EACD,KAAK,EACL,GAAG,EACH,QAAQ,EACR,GAAG,EACH,KAAK,EACL,IAAI,EACJ,cAAc,OAYd,EAXG,IAAI,cARN,sEASD,CADO;QAYP,IAAI,CAAC,KAAK,EAAE,CAAC;YACZ,KAAK,GAAG,EAAE,CAAC;QACZ,CAAC;QACD,OAAO,IAAA,uBAAU,CAAA,UAAU,EAAC;QACrB,wBAAwB,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;;YAExC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE;IACxB,KAAK,CAAC,GAAG,CACV,CAAC,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,CACxB,IAAA,uBAAU,EAAA;OACP,IAAA,mCAAc,kCACZ,IAAI,KACP,GAAG;YACH,KAAK,EACL,QAAQ,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,EACrC,GAAG,EAAE,GAAG,CAAC,SAAS,EAClB,KAAK;YACL,IAAI;YACJ,cAAc,IACb;OACA,IAAI,CAAC,gBAAgB,CACtB,KAAK,EACL;YACC,MAAM,EAAE,sBAAsB;YAC9B,KAAK,EAAE,GAAG;YACV,QAAQ,EAAE,CAAC,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;SACpC,EACD,QAAQ,EACR,CAAC,CACD;OACC,IAAI,CAAC,gBAAgB,CACtB,KAAK,EACL;YACC,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,GAAG;YACV,QAAQ,EAAE,CAAC,IAAI,CAAC;SAChB,EACD,QAAQ,EACR,CAAC,CACD;;OAEC,IAAI,CAAC,gBAAgB,CACtB,KAAK,EACL,EAAE,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,GAAG,EAAE,EAC3C,QAAQ,EACR,CAAC,CACD;WACK,CACR;IACC,IAAI,CAAC,gBAAgB,CACtB,KAAK,EACL;YACC,MAAM,EAAE,gBAAgB;YACxB,KAAK,EAAE,GAAG;SACV,EACD,QAAQ,CACR;aACU,CAAC;IACd,CAAC;CAAA"}

package/lib/inputs/component-input-single-reference.js

@@ -0,0 +1,36 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentInputSingleReference = ComponentInputSingleReference;
+const print_arg_path_js_1 = require("./print-arg-path.js");
+function ComponentInputSingleReference(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ ctx, arg_path, arg, value, onchange, makeJDDContext, }) {
+        const values = yield arg.getValues(makeJDDContext(ctx));
+        const ret = `<div>
+			<label>
+				${arg_path.at(-1) || ""}
+				<select name="${`$${(0, print_arg_path_js_1.printArgPath)(arg_path)}`}" onchange="${onchange}">
+					${values
+            .sort((v1, v2) => (v1.label > v2.label ? 1 : -1))
+            .map((v) => /* HTML */ `<option
+								value="${v.value}"
+								${value == v.value ? "selected" : ""}
+							>
+								${v.label}
+							</option>`)
+            .join("")}
+				</select>
+			</label>
+		</div>`;
+        return ret;
+    });
+}
+//# sourceMappingURL=component-input-single-reference.js.map

package/lib/inputs/component-input-single-reference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-input-single-reference.js","sourceRoot":"","sources":["../../src/inputs/component-input-single-reference.ts"],"names":[],"mappings":";;;;;;;;;;;AAIA,sEAwCC;AA1CD,2DAAmD;AAEnD,SAAsB,6BAA6B;yDAIjD,EACD,GAAG,EACH,QAAQ,EACR,GAAG,EACH,KAAK,EACL,QAAQ,EACR,cAAc,GASd;QACA,MAAM,MAAM,GAAG,MAAM,GAAG,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;QACxD,MAAM,GAAG,GAAG;;MAEP,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;oBACP,IAAI,IAAA,gCAAY,EAAC,QAAQ,CAAC,EAAE,eAAe,QAAQ;OAChE,MAAM;aACN,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAChD,GAAG,CACH,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC;iBACR,CAAC,CAAC,KAAK;UACd,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;;UAElC,CAAC,CAAC,KAAK;iBACA,CACV;aACA,IAAI,CAAC,EAAE,CAAC;;;SAGN,CAAC;QACT,OAAO,GAAG,CAAC;IACZ,CAAC;CAAA"}

package/lib/inputs/component-input-structured.js

@@ -0,0 +1,42 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentInputStructured = ComponentInputStructured;
+const component_input_js_1 = require("./component-input.js");
+function ComponentInputStructured(_a) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var { state, ctx, arg_path, arg, value, page } = _a, rest = __rest(_a, ["state", "ctx", "arg_path", "arg", "value", "page"]);
+        return /* HTML */ `<fieldset
+		id="${`component-input-structured-${arg_path.join("-")}`}"
+	>
+		<legend>{arg_path.at(-1)}</legend>
+		${(yield Promise.all(Object.entries(arg.structure).map((_a) => __awaiter(this, [_a], void 0, function* ([arg_name, arg]) {
+            const ret = `<div>
+						${yield (0, component_input_js_1.ComponentInput)(Object.assign({ ctx,
+                state, arg_path: [...arg_path, arg_name], arg, value: value[arg_name], page }, rest))}
+					</div>`;
+            return ret;
+        })))).join("")}
+	</fieldset>`;
+    });
+}
+//# sourceMappingURL=component-input-structured.js.map

package/lib/inputs/component-input-structured.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-input-structured.js","sourceRoot":"","sources":["../../src/inputs/component-input-structured.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOA,4DA2CC;AA/CD,6DAAsD;AAItD,SAAsB,wBAAwB,CAE5C,EAiBD;;YAjBC,EACD,KAAK,EACL,GAAG,EACH,QAAQ,EACR,GAAG,EACH,KAAK,EACL,IAAI,OAWJ,EAVG,IAAI,cAPN,oDAQD,CADO;QAWP,OAAO,UAAU,CAAC;QACX,8BAA8B,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;;;IAGtD,CACD,MAAM,OAAO,CAAC,GAAG,CAChB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,KAAwB,EAAE,0CAAnB,CAAC,QAAQ,EAAE,GAAG,CAAC;YACvD,MAAM,GAAG,GAAG;QACT,MAAM,IAAA,mCAAc,kBACrB,GAAG;gBACH,KAAK,EACL,QAAQ,EAAE,CAAC,GAAG,QAAQ,EAAE,QAAQ,CAAC,EACjC,GAAG,EACH,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,EACtB,IAAI,IACD,IAAI,EACN;YACI,CAAC;YACR,OAAO,GAAG,CAAC;QACZ,CAAC,CAAA,CAAC,CACF,CACD,CAAC,IAAI,CAAC,EAAE,CAAC;aACC,CAAC;IACd,CAAC;CAAA"}

package/lib/inputs/component-input-table.js

@@ -0,0 +1,184 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentInputTable = ComponentInputTable;
+const jdd_1 = require("@sealcode/jdd");
+const jdd_2 = require("@sealcode/jdd");
+const tempstream_1 = require("tempstream");
+const component_input_js_1 = require("./component-input.js");
+function ComponentInputTable(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ state, arg_path, ctx, arg, value, page, makeJDDContext, makeAssetURL, }) {
+        if (!value) {
+            value = yield arg.getEmptyValue(makeJDDContext(ctx));
+        }
+        const show_paste = arg.cell_type instanceof jdd_1.Markdown &&
+            arg.header_type instanceof jdd_1.Markdown;
+        return (0, tempstream_1.tempstream /* HTML */) `<fieldset>
+		<legend>${arg_path.at(-1)}</legend>
+		<div>
+			${show_paste
+            ? /* HTML */ `<input
+						type="button"
+						value="paste"
+						placeholder="paste table here"
+						data-jdd-table-paste-argpath-value="${arg_path.join(".")}"
+						data-controller="jdd-table-paste"
+				  />`
+            : ""}
+			<table
+				class="jdd-component-input--table"
+				style="position: relative; /* necessary for sticky th*/"
+			>
+				<tbody>
+					<tr>
+						<td></td>
+						${[...Array(arg.getColumnsCount(value)).keys()]
+            .map((column_index) => /* HTML */ `<th
+									class="sticky sticky--top subdued"
+								>
+									${page.makeActionButton(state, {
+            action: "remove_table_column",
+            label: "Remove column",
+            content: /* HTML */ `<img
+												width="20"
+												height="20"
+												src="${makeAssetURL("icons/table-delete-column.svg")}"
+											/>`,
+        }, arg_path, column_index)}
+									${column_index >=
+            arg.getColumnsCount(value) - 1
+            ? ""
+            : page.makeActionButton(state, {
+                action: "move_table_column_right",
+                label: "Move column to the right",
+                content: /* HTML */ `<img
+														width="20"
+														height="20"
+														src="${makeAssetURL("icons/table-move-column-right.svg")}"
+													/>`,
+            }, arg_path, column_index)}
+								</th>`)
+            .join("")}
+					</tr>
+					${value.rows.map((row, row_index) => (0, tempstream_1.tempstream /* HTML */) `<tr>
+							<td class="sticky sticky--left subdued">
+								<div
+									style="display: flex; flex-flow: column; row-gap: 5px;"
+								>
+									${page.makeActionButton(state, {
+            action: "remove_table_row",
+            label: "Remove row",
+            content: /* HTML */ `<img
+												width="20"
+												height="20"
+												src="${makeAssetURL("icons/table-delete-row.svg")}"
+											/>`,
+        }, arg_path, row_index)}
+									${page.makeActionButton(state, {
+            action: "move_table_row_down",
+            label: "Move this row down",
+            content: /* HTML */ `<img
+												width="20"
+												height="20"
+												src="${makeAssetURL("icons/table-move-row-down.svg")}"
+											/>`,
+        }, arg_path, row_index)}
+								</div>
+							</td>
+							${(0, jdd_2.isTableHeader)(row)
+            ? /* HTML */ (0, tempstream_1.tempstream) `<th
+										colspan="${arg.getColumnsCount(value).toString()}"
+								  >
+										${(0, component_input_js_1.ComponentInput)({
+                state,
+                ctx,
+                arg_path: [
+                    ...arg_path,
+                    "rows",
+                    row_index.toString(),
+                    "header_content",
+                ],
+                arg: arg.header_type,
+                value: row.header_content,
+                page,
+                makeJDDContext,
+                makeAssetURL,
+            })}
+								  </th>`
+            : row.cells.map((cell, cell_index) => (0, tempstream_1.tempstream /* HTML */) `<td>
+											${(0, component_input_js_1.ComponentInput)({
+                ctx,
+                state,
+                arg_path: [
+                    ...arg_path,
+                    "rows",
+                    row_index.toString(),
+                    "cells",
+                    cell_index.toString(),
+                ],
+                arg: arg.cell_type,
+                value: cell,
+                page,
+                makeJDDContext,
+                makeAssetURL,
+            })}
+										</td>`)}
+							${row_index == 0
+            ? /* HTML */ `<td
+										class="subdued"
+										rowspan="${value.rows.length.toString()}"
+								  >
+										${page.makeActionButton(state, {
+                action: "add_table_column",
+                label: "Add column",
+                content: /* HTML */ `<img
+													width="20"
+													height="20"
+													src="${makeAssetURL("icons/table-add-column-right.svg")}"
+												/>`,
+            }, arg_path)}
+								  </td>`
+            : ""}
+						</tr>`)}
+					<tr>
+						<td
+							class="subdued"
+							colspan="{(arg.getColumnsCount(value)"
+							+
+							1).toString()}
+						>
+							${page.makeActionButton(state, {
+            action: "add_table_row",
+            label: "Add table row",
+            content: /* HTML */ `<img
+										width="20"
+										height="20"
+										src="${makeAssetURL("icons/table-add-row-below.svg")}"
+									/>`,
+        }, arg_path, arg.getColumnsCount(value), undefined)}
+							${page.makeActionButton(state, {
+            action: "add_table_row",
+            label: "Add table header",
+            content: /* HTML */ `<img
+										width="20"
+										height="20"
+										src="${makeAssetURL("icons/table-add-column-header-below.svg")}"
+									/>`,
+        }, arg_path, arg.getColumnsCount(value), "header")}
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</fieldset>`;
+    });
+}
+//# sourceMappingURL=component-input-table.js.map

package/lib/inputs/component-input-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-input-table.js","sourceRoot":"","sources":["../../src/inputs/component-input-table.ts"],"names":[],"mappings":"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"}