@oneuptime/common 12.0.9 → 12.0.11

package/build/dist/UI/Components/Workflow/ColumnEditor/ColumnValueInput.js

@@ -0,0 +1,204 @@
+/*
+ * One value cell.
+ *
+ * The control comes from the column's type in the model schema, so nobody is
+ * asked whether the thing they are typing is Text, Number or Boolean - the
+ * model already said. What is left for the builder to choose is the one thing
+ * the schema genuinely cannot know: whether this value is typed in, or read
+ * from an earlier step at run time.
+ */
+import IconProp from "../../../../Types/Icon/IconProp";
+import AutocompleteTextInput from "../../AutocompleteTextInput/AutocompleteTextInput";
+import ColorPicker from "../../Forms/Fields/ColorPicker";
+import Icon from "../../Icon/Icon";
+import Input, { InputType } from "../../Input/Input";
+import TextArea from "../../TextArea/TextArea";
+import { ColumnValueMode, ModelColumnControl } from "./ColumnRow";
+import { containsTemplateExpression } from "./ColumnRowSerialization";
+import React from "react";
+const INPUT_WRAPPER_CLASS = "relative w-full";
+const MONO_INPUT_CLASS = "block w-full rounded-md border-0 bg-transparent py-1 pl-0 pr-0 font-mono text-xs text-indigo-900 placeholder-indigo-300 focus:outline-none focus:ring-0";
+const ColumnValueInput = (props) => {
+    var _a, _b;
+    const isReference = props.valueMode === ColumnValueMode.Reference;
+    /*
+     * Typing "{{" anywhere in a text control means the builder is reaching for
+     * another step's output, so the cell becomes a reference there and then and
+     * keeps what has been typed. Without this the autocomplete would never open
+     * unless the reference button had been found first.
+     */
+    const setTextAndDetectReference = (value) => {
+        if (!isReference && value.includes("{{")) {
+            props.onChange({ text: value, valueMode: ColumnValueMode.Reference });
+            return;
+        }
+        props.onChange({ text: value });
+    };
+    /*
+     * Spelled "{ }" rather than drawn as an icon. The shared variable glyph is a
+     * dashed square that reads as a placeholder or a spinner, and this button has
+     * to say what it does at a glance - it is the only route from a typed value to
+     * an earlier step's output, which is how most of these payloads are built.
+     */
+    const referenceButton = (React.createElement("button", { type: "button", "aria-pressed": isReference, title: isReference
+            ? "Type a value instead"
+            : "Use a value from an earlier step", "aria-label": isReference
+            ? "Type a value instead"
+            : "Use a value from an earlier step", "data-testid": `${props.dataTestId || "model-column"}-reference-toggle`, className: `shrink-0 rounded-md border px-1.5 py-1 font-mono text-[11px] leading-none transition-colors focus:outline-none focus:ring-1 focus:ring-indigo-500 ${isReference
+            ? "border-indigo-200 bg-white text-indigo-500 hover:bg-indigo-50"
+            : "border-transparent text-gray-400 hover:border-gray-200 hover:bg-gray-50 hover:text-gray-600"}`, onClick: () => {
+            props.onChange({
+                valueMode: isReference
+                    ? ColumnValueMode.Literal
+                    : ColumnValueMode.Reference,
+            });
+        } }, isReference ? "abc" : "{ }"));
+    // An operator like "is not set" takes no value at all.
+    if ((_a = props.operatorOption) === null || _a === void 0 ? void 0 : _a.hidesValueInput) {
+        return (React.createElement("div", { className: "flex h-9 items-center rounded-md border border-dashed border-gray-200 px-3 text-xs text-gray-400" }, "No value needed"));
+    }
+    if ((_b = props.operatorOption) === null || _b === void 0 ? void 0 : _b.expectsMultiValue) {
+        return (React.createElement(MultiValueInput, { values: props.values, placeholder: props.placeholder, ariaLabelledby: props.ariaLabelledby, dataTestId: props.dataTestId, onChange: (values) => {
+                props.onChange({ values: values });
+            } }));
+    }
+    if (isReference) {
+        return (React.createElement("div", { className: "flex w-full items-center gap-1.5 rounded-md border border-indigo-200 bg-indigo-50/40 px-2 py-1" },
+            React.createElement("span", { className: "shrink-0 font-mono text-[11px] text-indigo-400" }, "{ }"),
+            React.createElement("div", { className: "min-w-0 flex-1" },
+                React.createElement(AutocompleteTextInput, { value: props.text, placeholder: "{{local.components.step.returnValues.value}}", suggestions: props.suggestions, className: MONO_INPUT_CLASS, outerDivClassName: INPUT_WRAPPER_CLASS, disableSpellCheck: true, autoFocus: props.autoFocus, ariaLabelledby: props.ariaLabelledby, dataTestId: props.dataTestId, onChange: (value) => {
+                        props.onChange({ text: value });
+                    } })),
+            referenceButton));
+    }
+    const renderControl = () => {
+        /*
+         * A value the typed control cannot hold - text where the column wants a
+         * number, most often - is edited as text and written back exactly as it
+         * was read. Forcing it through the typed control would rewrite it.
+         */
+        if (props.valueMode === ColumnValueMode.Raw) {
+            return (React.createElement(Input, { value: props.text, placeholder: props.placeholder, outerDivClassName: INPUT_WRAPPER_CLASS, ariaLabelledby: props.ariaLabelledby, dataTestId: props.dataTestId, tabIndex: props.tabIndex, autoFocus: props.autoFocus, onChange: (value) => {
+                    /*
+                     * The first keystroke ends raw mode: what is in the box is now what
+                     * the builder means, so it is written in the column's own type. The
+                     * mode and the text move together in one change - reported
+                     * separately, the second report would overwrite the first and the
+                     * cell could never be typed into at all.
+                     */
+                    props.onChange({
+                        text: value,
+                        valueMode: value.includes("{{")
+                            ? ColumnValueMode.Reference
+                            : ColumnValueMode.Literal,
+                    });
+                } }));
+        }
+        switch (props.control) {
+            case ModelColumnControl.Boolean:
+                return (React.createElement(BooleanSegments, { value: props.text, ariaLabelledby: props.ariaLabelledby, autoFocus: props.autoFocus, dataTestId: props.dataTestId, onChange: (value) => {
+                        props.onChange({ text: value });
+                    } }));
+            case ModelColumnControl.Number:
+                return (React.createElement(Input, { type: InputType.NUMBER, value: props.text, placeholder: props.placeholder || "0", outerDivClassName: INPUT_WRAPPER_CLASS, ariaLabelledby: props.ariaLabelledby, dataTestId: props.dataTestId, tabIndex: props.tabIndex, autoFocus: props.autoFocus, onChange: (value) => {
+                        props.onChange({ text: value });
+                    } }));
+            case ModelColumnControl.Date:
+                return (React.createElement(Input, { type: InputType.DATETIME_LOCAL, value: props.text, outerDivClassName: INPUT_WRAPPER_CLASS, ariaLabelledby: props.ariaLabelledby, dataTestId: props.dataTestId, tabIndex: props.tabIndex, autoFocus: props.autoFocus, onChange: (value) => {
+                        props.onChange({ text: value });
+                    } }));
+            case ModelColumnControl.Color:
+                return (React.createElement(ColorPicker, { value: props.text, placeholder: props.placeholder || "#000000", ariaLabelledby: props.ariaLabelledby, dataTestId: props.dataTestId, tabIndex: props.tabIndex, onChange: (value) => {
+                        props.onChange({ text: value ? value.toString() : "" });
+                    } }));
+            case ModelColumnControl.LongText:
+                return (React.createElement(TextArea, { value: props.text, placeholder: props.placeholder, className: "block w-full rounded-md border border-gray-300 bg-white py-2 px-3 text-sm placeholder-gray-500 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 resize-y min-h-16", ariaLabelledby: props.ariaLabelledby, dataTestId: props.dataTestId, tabIndex: props.tabIndex, autoFocus: props.autoFocus, onChange: setTextAndDetectReference }));
+            default:
+                return (React.createElement(AutocompleteTextInput, { value: props.text, placeholder: props.placeholder, suggestions: props.suggestions, outerDivClassName: INPUT_WRAPPER_CLASS, className: props.control === ModelColumnControl.ObjectId
+                        ? "block w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-3 font-mono text-xs text-gray-900 placeholder-gray-400 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
+                        : undefined, ariaLabelledby: props.ariaLabelledby, autoFocus: props.autoFocus, dataTestId: props.dataTestId, onChange: setTextAndDetectReference }));
+        }
+    };
+    return (React.createElement("div", { className: "flex w-full items-center gap-1" },
+        React.createElement("div", { className: "min-w-0 flex-1" }, renderControl()),
+        referenceButton));
+};
+/*
+ * Three states, not two. A boolean column with nothing typed into it is not
+ * "false" - it is a field the record does not set, and a toggle cannot say
+ * that. (The shared Toggle component also fires its onChange twice per click.)
+ */
+const BooleanSegments = (props) => {
+    const segments = [
+        { label: "True", value: "true" },
+        { label: "False", value: "false" },
+        { label: "Not set", value: "" },
+    ];
+    return (React.createElement("div", { className: "inline-flex rounded-md border border-gray-300 bg-white p-0.5", role: "group", "aria-labelledby": props.ariaLabelledby, "data-testid": props.dataTestId }, segments.map((segment) => {
+        const isSelected = props.value === segment.value;
+        return (React.createElement("button", { key: segment.label, type: "button", autoFocus: props.autoFocus && segment.value === "true", "aria-pressed": isSelected, className: `rounded px-2.5 py-1 text-xs font-medium transition-colors ${isSelected
+                ? "bg-indigo-50 text-indigo-700"
+                : "text-gray-500 hover:text-gray-700"}`, onClick: () => {
+                props.onChange(segment.value);
+            } }, segment.label));
+    })));
+};
+/*
+ * "is any of" holds a list. The previous editor rendered a multi-select whose
+ * options were only ever the suggestions it had been handed, so a value nobody
+ * had suggested could not be entered at all - which for a list of IDs is every
+ * value. This is a chip input: type, press Enter or comma, and it is in.
+ */
+const MultiValueInput = (props) => {
+    const [draft, setDraft] = React.useState("");
+    const commitDraft = () => {
+        const entry = draft.trim();
+        if (entry === "" || props.values.includes(entry)) {
+            setDraft("");
+            return;
+        }
+        props.onChange([...props.values, entry]);
+        setDraft("");
+    };
+    return (React.createElement("div", { className: "w-full rounded-md border border-gray-300 bg-white px-2 py-1.5" },
+        props.values.length > 0 && (React.createElement("div", { className: "mb-1 flex flex-wrap gap-1" }, props.values.map((value, index) => {
+            return (React.createElement("span", { key: `${value}-${index}`, className: "inline-flex items-center gap-1 rounded bg-gray-100 px-1.5 py-0.5 text-xs text-gray-700" },
+                containsTemplateExpression(value) ? (React.createElement("span", { className: "font-mono text-indigo-600" }, value)) : (value),
+                React.createElement("button", { type: "button", "aria-label": `Remove ${value}`, className: "text-gray-400 hover:text-gray-600", onClick: () => {
+                        props.onChange(props.values.filter((_entry, i) => {
+                            return i !== index;
+                        }));
+                    } },
+                    React.createElement(Icon, { icon: IconProp.Close, className: "h-3 w-3" }))));
+        }))),
+        React.createElement("input", { type: "text", value: draft, "aria-labelledby": props.ariaLabelledby, "data-testid": props.dataTestId, placeholder: props.placeholder || "Type a value and press Enter", className: "block w-full border-0 p-0 text-sm placeholder-gray-400 focus:outline-none focus:ring-0", onChange: (event) => {
+                const value = event.target.value;
+                if (value.endsWith(",")) {
+                    setDraft(value.slice(0, -1));
+                    /*
+                     * setDraft is async, so commit from the typed text rather than from
+                     * state, which still holds the previous keystroke here.
+                     */
+                    const entry = value.slice(0, -1).trim();
+                    if (entry !== "" && !props.values.includes(entry)) {
+                        props.onChange([...props.values, entry]);
+                    }
+                    setDraft("");
+                    return;
+                }
+                setDraft(value);
+            }, onKeyDown: (event) => {
+                if (event.key === "Enter") {
+                    event.preventDefault();
+                    commitDraft();
+                    return;
+                }
+                if (event.key === "Backspace" &&
+                    draft === "" &&
+                    props.values.length > 0) {
+                    props.onChange(props.values.slice(0, -1));
+                }
+            }, onBlur: commitDraft })));
+};
+export default ColumnValueInput;
+//# sourceMappingURL=ColumnValueInput.js.map

package/build/dist/UI/Components/Workflow/ColumnEditor/ColumnValueInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnValueInput.js","sourceRoot":"","sources":["../../../../../../UI/Components/Workflow/ColumnEditor/ColumnValueInput.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Workflow/ColumnEditor/ModelQueryBuilder.js

@@ -0,0 +1,66 @@
+/*
+ * The query body: the conditions that decide which records a step acts on.
+ *
+ * Fully controlled, like the record form. One column header for the whole list
+ * rather than a Key/Operator/Value label repeated above every row, which is
+ * what made the old editor read as a spreadsheet.
+ */
+import IconProp from "../../../../Types/Icon/IconProp";
+import Icon from "../../Icon/Icon";
+import { findColumn } from "../ModelSchema";
+import AddColumnDropdown from "./AddColumnDropdown";
+import { isOfferableColumn } from "./ColumnControl";
+import ColumnConditionRow from "./ColumnConditionRow";
+import { makeColumnRow } from "./ColumnRow";
+import React, { useState } from "react";
+const ModelQueryBuilder = (props) => {
+    /*
+     * The row just added from the picker, so its value control can take focus.
+     * Without it the picker remounts to clear its own selection and focus falls
+     * to the document body, which for a keyboard user means starting again from
+     * the top of the panel.
+     */
+    const [justAddedKey, setJustAddedKey] = useState("");
+    const offerableColumns = props.columns.filter((column) => {
+        return isOfferableColumn(column);
+    });
+    const replaceRow = (index, row) => {
+        const next = [...props.rows];
+        next[index] = row;
+        props.onChange(next);
+    };
+    return (React.createElement("div", null,
+        React.createElement("div", { className: "overflow-hidden rounded-md border border-gray-200 bg-white" },
+            props.rows.length === 0 ? (React.createElement("div", { className: "px-6 py-10 text-center" },
+                React.createElement(Icon, { icon: IconProp.Filter, className: "mx-auto h-6 w-6 text-gray-300" }),
+                React.createElement("p", { className: "mt-2 text-sm font-medium text-gray-700" }, "No conditions yet"),
+                React.createElement("p", { className: "mt-1 text-xs text-gray-500" }, "With no conditions this matches every record in the project."))) : (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "hidden border-b border-gray-100 bg-gray-50/60 px-3 py-1.5 text-[10px] font-semibold uppercase tracking-[0.08em] text-gray-400 sm:grid sm:grid-cols-[minmax(0,1fr)_minmax(0,0.85fr)_minmax(0,1.3fr)_auto] sm:gap-2" },
+                    React.createElement("span", null, "Column"),
+                    React.createElement("span", null, "Comparison"),
+                    React.createElement("span", null, "Value"),
+                    React.createElement("span", { className: "w-8" })),
+                React.createElement("div", { className: "divide-y divide-gray-100" }, props.rows.map((row, index) => {
+                    return (React.createElement(ColumnConditionRow, { key: row.key, row: row, column: findColumn(props.columns, row.columnId), columns: offerableColumns, suggestions: props.suggestions, autoFocus: row.key === justAddedKey, onChange: (nextRow) => {
+                            replaceRow(index, nextRow);
+                        }, onRemove: () => {
+                            props.onChange(props.rows.filter((_row, i) => {
+                                return i !== index;
+                            }));
+                        } }));
+                })))),
+            React.createElement("div", { className: "border-t border-gray-100 bg-gray-50/40 px-3 py-2.5" },
+                React.createElement(AddColumnDropdown, { columns: offerableColumns.filter((column) => {
+                        return !props.rows.some((row) => {
+                            return row.columnId === column.id;
+                        });
+                    }), requiredColumnIds: [], placeholder: "Add a condition...", allowCustomColumn: true, dataTestId: "model-column-add", onAdd: (columnId) => {
+                        const added = makeColumnRow({
+                            columnId: columnId,
+                        });
+                        setJustAddedKey(added.key);
+                        props.onChange([...props.rows, added]);
+                    } })))));
+};
+export default ModelQueryBuilder;
+//# sourceMappingURL=ModelQueryBuilder.js.map

package/build/dist/UI/Components/Workflow/ColumnEditor/ModelQueryBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelQueryBuilder.js","sourceRoot":"","sources":["../../../../../../UI/Components/Workflow/ColumnEditor/ModelQueryBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAqB,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAkB,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAC;AASzE,MAAM,iBAAiB,GAAsC,CAC3D,KAAqB,EACP,EAAE;IAChB;;;;;OAKG;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE7D,MAAM,gBAAgB,GAA6B,KAAK,CAAC,OAAO,CAAC,MAAM,CACrE,CAAC,MAAyB,EAAE,EAAE;QAC5B,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC,CACF,CAAC;IAIF,MAAM,UAAU,GAAuB,CACrC,KAAa,EACb,GAAmB,EACb,EAAE;QACR,MAAM,IAAI,GAA0B,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QACpD,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;QAClB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,4DAA4D;YACxE,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACzB,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,MAAM,EACrB,SAAS,EAAC,+BAA+B,GACzC;gBACF,2BAAG,SAAS,EAAC,wCAAwC,wBAEjD;gBACJ,2BAAG,SAAS,EAAC,4BAA4B,mEAErC,CACA,CACP,CAAC,CAAC,CAAC,CACF;gBAEE,6BAAK,SAAS,EAAC,mNAAmN;oBAChO,2CAAmB;oBACnB,+CAAuB;oBACvB,0CAAkB;oBAClB,8BAAM,SAAS,EAAC,KAAK,GAAG,CACpB;gBACN,6BAAK,SAAS,EAAC,0BAA0B,IACtC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAmB,EAAE,KAAa,EAAE,EAAE;oBACrD,OAAO,CACL,oBAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,CAAC,GAAG,EACZ,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,EAC/C,OAAO,EAAE,gBAAgB,EACzB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAE,GAAG,CAAC,GAAG,KAAK,YAAY,EACnC,QAAQ,EAAE,CAAC,OAAuB,EAAE,EAAE;4BACpC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;wBAC7B,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;4BACb,KAAK,CAAC,QAAQ,CACZ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAoB,EAAE,CAAS,EAAE,EAAE;gCACpD,OAAO,CAAC,KAAK,KAAK,CAAC;4BACrB,CAAC,CAAC,CACH,CAAC;wBACJ,CAAC,GACD,CACH,CAAC;gBACJ,CAAC,CAAC,CACE,CACL,CACJ;YAED,6BAAK,SAAS,EAAC,oDAAoD;gBACjE,oBAAC,iBAAiB,IAChB,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,MAAyB,EAAE,EAAE;wBAC7D,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAmB,EAAE,EAAE;4BAC9C,OAAO,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC,EAAE,CAAC;wBACpC,CAAC,CAAC,CAAC;oBACL,CAAC,CAAC,EACF,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAC,oBAAoB,EAChC,iBAAiB,EAAE,IAAI,EACvB,UAAU,EAAC,kBAAkB,EAC7B,KAAK,EAAE,CAAC,QAAgB,EAAE,EAAE;wBAC1B,MAAM,KAAK,GAAmB,aAAa,CAAC;4BAC1C,QAAQ,EAAE,QAAQ;yBACnB,CAAC,CAAC;wBAEH,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;wBAC3B,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;oBACzC,CAAC,GACD,CACE,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/build/dist/UI/Components/Workflow/ColumnEditor/ModelRecordForm.js

@@ -0,0 +1,83 @@
+/*
+ * The record body: every field this step writes, as a form.
+ *
+ * Fully controlled - the rows live in ModelColumnEditor, so what is on screen
+ * and what is stored on the argument can never drift apart.
+ */
+import IconProp from "../../../../Types/Icon/IconProp";
+import Icon from "../../Icon/Icon";
+import { findColumn, requiredWritableColumns, } from "../ModelSchema";
+import AddColumnDropdown from "./AddColumnDropdown";
+import { isOfferableColumn } from "./ColumnControl";
+import ColumnFieldRow from "./ColumnFieldRow";
+import { makeColumnRow } from "./ColumnRow";
+import React, { useState } from "react";
+const ModelRecordForm = (props) => {
+    /*
+     * The row just added from the picker, so its value control can take focus.
+     * Without it the picker remounts to clear its own selection and focus falls
+     * to the document body, which for a keyboard user means starting again from
+     * the top of the panel.
+     */
+    const [justAddedKey, setJustAddedKey] = useState("");
+    const requiredColumnIds = requiredWritableColumns(props.columns).map((column) => {
+        return column.id;
+    });
+    const usedColumnIds = props.rows.map((row) => {
+        return row.columnId;
+    });
+    const offerableColumns = props.columns.filter((column) => {
+        return isOfferableColumn(column) && !usedColumnIds.includes(column.id);
+    });
+    /*
+     * Named so the builder is not left wondering where a column went. Relations
+     * and blobs cannot be a single box, and saying which ones is kinder than
+     * silently offering a shorter list than the model has.
+     */
+    const unofferableColumnTitles = props.columns
+        .filter((column) => {
+        return !isOfferableColumn(column) && !column.isTenantColumn;
+    })
+        .map((column) => {
+        return column.title;
+    });
+    const knownColumnIds = props.columns.map((column) => {
+        return column.id;
+    });
+    const replaceRow = (index, row) => {
+        const next = [...props.rows];
+        next[index] = row;
+        props.onChange(next);
+    };
+    return (React.createElement("div", null,
+        React.createElement("div", { className: "overflow-hidden rounded-md border border-gray-200 bg-white" },
+            props.rows.length === 0 ? (React.createElement("div", { className: "px-6 py-10 text-center" },
+                React.createElement(Icon, { icon: IconProp.Database, className: "mx-auto h-6 w-6 text-gray-300" }),
+                React.createElement("p", { className: "mt-2 text-sm font-medium text-gray-700" }, "No fields set yet"),
+                React.createElement("p", { className: "mt-1 text-xs text-gray-500" }, "Pick a field below to start building this record."))) : (React.createElement("div", { className: "divide-y divide-gray-100" }, props.rows.map((row, index) => {
+                return (React.createElement(ColumnFieldRow, { key: row.key, row: row, column: findColumn(props.columns, row.columnId), knownColumnIds: knownColumnIds, isRequired: requiredColumnIds.includes(row.columnId), suggestions: props.suggestions, autoFocus: row.key === justAddedKey, onChange: (nextRow) => {
+                        replaceRow(index, nextRow);
+                    }, onRemove: () => {
+                        props.onChange(props.rows.filter((_row, i) => {
+                            return i !== index;
+                        }));
+                    } }));
+            }))),
+            React.createElement("div", { className: "border-t border-gray-100 bg-gray-50/40 px-3 py-2.5" },
+                React.createElement(AddColumnDropdown, { columns: offerableColumns, requiredColumnIds: requiredColumnIds, placeholder: "Add a field...", allowCustomColumn: true, dataTestId: "model-column-add", onAdd: (columnId) => {
+                        const added = makeColumnRow({
+                            columnId: columnId,
+                        });
+                        setJustAddedKey(added.key);
+                        props.onChange([...props.rows, added]);
+                    } }))),
+        unofferableColumnTitles.length > 0 && (React.createElement("p", { className: "mt-1.5 text-xs text-gray-400" },
+            unofferableColumnTitles.slice(0, 3).join(", "),
+            unofferableColumnTitles.length > 3
+                ? ` and ${unofferableColumnTitles.length - 3} other field${unofferableColumnTitles.length - 3 === 1 ? "" : "s"}`
+                : "",
+            " ",
+            "can only be set with Edit as JSON."))));
+};
+export default ModelRecordForm;
+//# sourceMappingURL=ModelRecordForm.js.map

package/build/dist/UI/Components/Workflow/ColumnEditor/ModelRecordForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelRecordForm.js","sourceRoot":"","sources":["../../../../../../UI/Components/Workflow/ColumnEditor/ModelRecordForm.tsx"],"names":[],"mappings":"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"}