@oneuptime/common 12.0.9 → 12.0.11

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

@@ -0,0 +1,86 @@
+/*
+ * The "add a field" picker.
+ *
+ * This is the part that answers the complaint directly: the columns are already
+ * known, so they are offered by name and description rather than typed from
+ * memory into a box labelled "Key". Required columns are grouped first, because
+ * on a create those are the ones that decide whether the step works at all.
+ */
+import IconProp from "../../../../Types/Icon/IconProp";
+import Button, { ButtonSize, ButtonStyleType } from "../../Button/Button";
+import Dropdown from "../../Dropdown/Dropdown";
+import Icon from "../../Icon/Icon";
+import Input from "../../Input/Input";
+import { columnTypeLabel } from "./ColumnControl";
+import React, { useState } from "react";
+const toOption = (column) => {
+    return {
+        value: column.id,
+        label: `${column.title} · ${column.id}`,
+        /*
+         * The model's own description, shown as the option's second line. It is the
+         * sentence that was previously nowhere on this screen, and it is the whole
+         * reason the picker beats a text box.
+         */
+        description: column.description || columnTypeLabel(column),
+    };
+};
+const AddColumnDropdown = (props) => {
+    const [customColumnId, setCustomColumnId] = useState("");
+    const [isNamingCustomColumn, setIsNamingCustomColumn] = useState(false);
+    /*
+     * Bumped after every pick to remount the dropdown. It keeps its selection in
+     * state of its own and only re-reads props.value when that prop changes, so
+     * without this the picker would go on displaying the field it just added -
+     * as though it were a filter rather than an action.
+     */
+    const [pickerNonce, setPickerNonce] = useState(0);
+    const addCustomColumn = () => {
+        const columnId = customColumnId.trim();
+        if (columnId === "") {
+            return;
+        }
+        props.onAdd(columnId);
+        setCustomColumnId("");
+        setIsNamingCustomColumn(false);
+    };
+    const hasOptions = props.columns.length > 0;
+    if (isNamingCustomColumn || !hasOptions) {
+        return (React.createElement("div", { className: "flex items-start gap-2" },
+            React.createElement("div", { className: "w-64" },
+                React.createElement(Input, { value: customColumnId, placeholder: "Column name", outerDivClassName: "relative w-full", dataTestId: `${props.dataTestId || "model-column-add"}-custom`, onChange: setCustomColumnId, onEnterPress: addCustomColumn })),
+            React.createElement(Button, { title: "Add", buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.OUTLINE, onClick: addCustomColumn }),
+            hasOptions && (React.createElement(Button, { title: "Cancel", buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.SECONDARY_LINK, onClick: () => {
+                    setIsNamingCustomColumn(false);
+                    setCustomColumnId("");
+                } }))));
+    }
+    const requiredColumns = props.columns.filter((column) => {
+        return props.requiredColumnIds.includes(column.id);
+    });
+    const otherColumns = props.columns.filter((column) => {
+        return !props.requiredColumnIds.includes(column.id);
+    });
+    const options = requiredColumns.length > 0
+        ? [
+            { label: "Required", options: requiredColumns.map(toOption) },
+            { label: "All fields", options: otherColumns.map(toOption) },
+        ]
+        : props.columns.map(toOption);
+    return (React.createElement("div", { className: "flex items-center gap-3" },
+        React.createElement("div", { className: "w-72" },
+            React.createElement(Dropdown, { key: pickerNonce, options: options, placeholder: props.placeholder, className: "relative w-full overflow-visible rounded-md", isMultiSelect: false, dataTestId: props.dataTestId || "model-column-add", ariaLabel: props.placeholder, onChange: (value) => {
+                    if (value === null || Array.isArray(value)) {
+                        return;
+                    }
+                    setPickerNonce(pickerNonce + 1);
+                    props.onAdd(String(value));
+                } })),
+        props.allowCustomColumn && (React.createElement("button", { type: "button", className: "inline-flex items-center gap-1 text-xs text-gray-500 hover:text-gray-700", onClick: () => {
+                setIsNamingCustomColumn(true);
+            } },
+            React.createElement(Icon, { icon: IconProp.Add, className: "h-3 w-3" }),
+            "Add a column by name"))));
+};
+export default AddColumnDropdown;
+//# sourceMappingURL=AddColumnDropdown.js.map

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

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

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

@@ -0,0 +1,119 @@
+/*
+ * One condition of a query: column, comparison, value.
+ *
+ * A condition genuinely picks its subject, so this row keeps a column picker -
+ * but a picker of real columns, not a text box. The comparison list is filtered
+ * by the column's type, so a Boolean column no longer offers "starts with" and
+ * an ID column no longer offers "greater than".
+ */
+import IconProp from "../../../../Types/Icon/IconProp";
+import Button, { ButtonStyleType } from "../../Button/Button";
+import { getOperatorOption, } from "../../Dictionary/DictionaryFilterOperator";
+import Dropdown from "../../Dropdown/Dropdown";
+import AutocompleteTextInput from "../../AutocompleteTextInput/AutocompleteTextInput";
+import { columnTypeLabel, controlForColumn } from "./ColumnControl";
+import { operatorLabelFor, operatorsForControl } from "./ColumnOperators";
+import { ColumnValueMode, changeColumnRow, } from "./ColumnRow";
+import { rowIssue } from "./ColumnRowSerialization";
+import ColumnValueInput from "./ColumnValueInput";
+import React from "react";
+const ColumnConditionRow = (props) => {
+    var _a, _b, _c;
+    const control = controlForColumn(props.column);
+    const operatorOption = getOperatorOption(props.row.operator);
+    const issue = rowIssue(props.row, props.column);
+    const isUnknownColumn = !props.column && props.row.columnId !== "";
+    /*
+     * The title alone is the label, with the column name carried in the option's
+     * second line and repeated as a chip under the picker once it is chosen.
+     * Putting both in the label - "Created At · createdAt" - is what a select
+     * ellipsizes first, and the name is exactly the half that gets cut.
+     */
+    const columnOptions = props.columns.map((column) => {
+        return {
+            value: column.id,
+            label: column.title,
+            description: `${column.id} · ${column.description || columnTypeLabel(column)}`,
+        };
+    });
+    /*
+     * Whatever this condition already filters on is always in the list, even when
+     * the picker would not offer it: a name the endpoint does not describe at all,
+     * and equally a column it describes but does not offer - a relation, the
+     * project column, a JSON blob. Keyed on "is it in the options" rather than on
+     * "is it unknown", because the second misses the whole middle case and leaves
+     * the row showing an empty picker over a condition that is really there.
+     */
+    if (props.row.columnId !== "" &&
+        !columnOptions.some((option) => {
+            return option.value === props.row.columnId;
+        })) {
+        columnOptions.unshift({
+            value: props.row.columnId,
+            label: ((_a = props.column) === null || _a === void 0 ? void 0 : _a.title) || props.row.columnId,
+            description: isUnknownColumn
+                ? "Not a column on this model"
+                : `${props.row.columnId} · can't be picked from the list`,
+        });
+    }
+    const operatorOptions = operatorsForControl(control, props.row.operator).map((operator) => {
+        return {
+            value: operator,
+            label: operatorLabelFor(operator, control),
+        };
+    });
+    /*
+     * Proportional column widths rather than fixed ones. A picker showing
+     * "Created At · createdAt" and a comparison reading "is on or before" both
+     * outgrow any rem figure that also leaves room for the value, and the settings
+     * panel is a different width on every screen. ModelQueryBuilder's header row
+     * repeats this template and has to stay in step with it.
+     */
+    const rowGridClass = "group grid grid-cols-1 items-start gap-2 px-3 py-2.5 transition-colors hover:bg-gray-50/60 sm:grid-cols-[minmax(0,1fr)_minmax(0,0.85fr)_minmax(0,1.3fr)_auto]";
+    return (React.createElement("div", { className: rowGridClass, "data-testid": "model-column-row" },
+        React.createElement("div", { className: "min-w-0" },
+            props.columns.length === 0 ? (React.createElement(AutocompleteTextInput, { value: props.row.columnId, placeholder: "Column name", outerDivClassName: "relative w-full", disableSpellCheck: true, onChange: (value) => {
+                    props.onChange(changeColumnRow(props.row, { columnId: value }));
+                } })) : (React.createElement(Dropdown, { options: columnOptions, placeholder: "Column", className: "relative w-full overflow-visible rounded-md", isMultiSelect: false, ariaLabel: "Column", dataTestId: `model-column-picker-${props.row.columnId}`, value: columnOptions.find((option) => {
+                    return option.value === props.row.columnId;
+                }), onChange: (value) => {
+                    /*
+                     * The dropdown is always clearable and hands back null. The row
+                     * stays - a condition being retargeted is not a condition being
+                     * deleted - and an empty column is dropped on serialization.
+                     */
+                    props.onChange(changeColumnRow(props.row, {
+                        columnId: value === null || Array.isArray(value) ? "" : String(value),
+                    }));
+                } })),
+            isUnknownColumn ? (React.createElement("span", { className: "mt-1 inline-block rounded bg-amber-50 px-1.5 py-0.5 text-[11px] text-amber-700" }, "Not a column on this model")) : (props.column && (React.createElement("span", { className: "mt-1 inline-block truncate rounded bg-gray-100 px-1.5 py-0.5 font-mono text-[11px] text-gray-500" }, props.row.columnId)))),
+        React.createElement(Dropdown, { options: operatorOptions, className: "relative w-full overflow-visible rounded-md", isMultiSelect: false, ariaLabel: "Comparison", dataTestId: `model-column-operator-${props.row.columnId}`, value: operatorOptions.find((option) => {
+                return option.value === props.row.operator;
+            }), onChange: (value) => {
+                if (value === null || Array.isArray(value)) {
+                    return;
+                }
+                const nextOperator = value;
+                const nextOption = getOperatorOption(nextOperator);
+                /*
+                 * The value is cleared when the shape of the input changes, so a
+                 * scalar is never shipped where a list is expected, or the other way
+                 * round.
+                 */
+                props.onChange(changeColumnRow(props.row, {
+                    operator: nextOperator,
+                    text: nextOption.hidesValueInput ? "" : props.row.text,
+                    values: nextOption.expectsMultiValue ? props.row.values : [],
+                }));
+            } }),
+        React.createElement("div", { className: "min-w-0" },
+            React.createElement(ColumnValueInput, { control: control, valueMode: props.row.valueMode, text: props.row.text, values: props.row.values, operatorOption: operatorOption, placeholder: ((_b = props.column) === null || _b === void 0 ? void 0 : _b.example) || ((_c = props.column) === null || _c === void 0 ? void 0 : _c.placeholder), suggestions: props.suggestions, autoFocus: props.autoFocus, dataTestId: `model-column-value-${props.row.columnId}`, onChange: (change) => {
+                    props.onChange(changeColumnRow(props.row, change));
+                } }),
+            props.row.valueMode === ColumnValueMode.Raw && (React.createElement("p", { className: "mt-1 text-[11px] text-amber-600" }, "Kept exactly as it was saved.")),
+            issue && React.createElement("p", { className: "mt-1 text-[11px] text-red-500" }, issue)),
+        React.createElement("div", { className: "flex items-center pt-1" },
+            React.createElement(Button, { buttonStyle: ButtonStyleType.ICON, icon: IconProp.Trash, title: "Remove", dataTestId: `model-column-remove-${props.row.columnId}`, className: "opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100", onClick: props.onRemove }))));
+};
+export default ColumnConditionRow;
+//# sourceMappingURL=ColumnConditionRow.js.map

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

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

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

@@ -0,0 +1,206 @@
+/*
+ * Which control a column gets, decided from the model's own schema.
+ *
+ * This is the answer to "you already know the schema, why are you asking me?".
+ * The editor used to show a Type dropdown next to every row — Text, Number,
+ * Boolean — even though /model-schema/:tableName had already said that `color`
+ * is a Color and `name` is a Name. Nothing good could come of that dropdown:
+ * the builder could only agree with the schema or be wrong.
+ */
+import TableColumnType from "../../../../Types/Database/TableColumnType";
+import { ModelColumnControl } from "./ColumnRow";
+/*
+ * Spelled with the enum, never with string literals. The wire carries the
+ * enum's *values* and several of them differ from the member name that reads
+ * like the obvious literal: ShortText is "Text", ObjectID is "Object ID",
+ * LongURL is "URL", PositiveNumber is "Positive Number" — and JavaScript is
+ * "JavaSCript", capital S and all. ModelSchema.ts:160 documents the same trap;
+ * a hand-written list here would classify the two most-declared column types
+ * as unsupported and quietly send every one of them to a plain text box.
+ */
+const TEXT_COLUMN_TYPES = [
+    TableColumnType.ShortText,
+    TableColumnType.Slug,
+    TableColumnType.Name,
+    TableColumnType.Email,
+    TableColumnType.Phone,
+    TableColumnType.Domain,
+    TableColumnType.IP,
+    TableColumnType.Version,
+    TableColumnType.LongURL,
+    TableColumnType.ShortURL,
+    TableColumnType.HashedString,
+    TableColumnType.Password,
+    TableColumnType.OTP,
+    TableColumnType.MonitorType,
+    TableColumnType.WorkflowStatus,
+    TableColumnType.CustomFieldType,
+    TableColumnType.Permission,
+];
+const LONG_TEXT_COLUMN_TYPES = [
+    TableColumnType.LongText,
+    TableColumnType.VeryLongText,
+    TableColumnType.Description,
+    TableColumnType.Markdown,
+    TableColumnType.HTML,
+    TableColumnType.CSS,
+    TableColumnType.JavaScript,
+];
+const NUMBER_COLUMN_TYPES = [
+    TableColumnType.Number,
+    TableColumnType.SmallNumber,
+    TableColumnType.BigNumber,
+    TableColumnType.PositiveNumber,
+    TableColumnType.SmallPositiveNumber,
+    TableColumnType.BigPositiveNumber,
+    TableColumnType.Port,
+];
+/*
+ * Everything a row cannot hold. Entity/EntityArray are relations - pointing a
+ * record at a related row means naming an existing record, which is what the
+ * scalar foreign-key column next to it (currentIncidentStateId, and every other
+ * "... ID" column) is for, and that column is offered normally.
+ */
+const UNSUPPORTED_COLUMN_TYPES = [
+    TableColumnType.Entity,
+    TableColumnType.EntityArray,
+    TableColumnType.JSON,
+    TableColumnType.Array,
+    TableColumnType.Buffer,
+    TableColumnType.File,
+    TableColumnType.MonitorSteps,
+];
+/**
+ * The control for a column, or Text when the schema has nothing to say.
+ *
+ * An unknown column — one the endpoint did not describe, or a key typed before
+ * the schema loaded — gets Text rather than Unsupported, because the runner
+ * accepts column names this endpoint does not surface and locking those rows
+ * would be worse than letting them be typed.
+ */
+export const controlForColumn = (column) => {
+    if (!column) {
+        return ModelColumnControl.Text;
+    }
+    if (column.isRelation) {
+        return ModelColumnControl.Unsupported;
+    }
+    if (UNSUPPORTED_COLUMN_TYPES.includes(column.type)) {
+        return ModelColumnControl.Unsupported;
+    }
+    if (column.type === TableColumnType.Boolean) {
+        return ModelColumnControl.Boolean;
+    }
+    if (column.type === TableColumnType.Date) {
+        return ModelColumnControl.Date;
+    }
+    if (column.type === TableColumnType.ObjectID) {
+        return ModelColumnControl.ObjectId;
+    }
+    if (column.type === TableColumnType.Color) {
+        return ModelColumnControl.Color;
+    }
+    if (NUMBER_COLUMN_TYPES.includes(column.type)) {
+        return ModelColumnControl.Number;
+    }
+    if (LONG_TEXT_COLUMN_TYPES.includes(column.type)) {
+        return ModelColumnControl.LongText;
+    }
+    if (TEXT_COLUMN_TYPES.includes(column.type)) {
+        return ModelColumnControl.Text;
+    }
+    return ModelColumnControl.Text;
+};
+/**
+ * The one-word type shown under a field's name, so the builder can see what
+ * kind of value is expected without opening the model's documentation.
+ */
+export const columnTypeLabel = (column) => {
+    if (!column) {
+        return "Unknown";
+    }
+    if (column.isRelation) {
+        return "Relation";
+    }
+    switch (controlForColumn(column)) {
+        case ModelColumnControl.Number:
+            return "Number";
+        case ModelColumnControl.Boolean:
+            return "True or false";
+        case ModelColumnControl.Date:
+            return "Date and time";
+        case ModelColumnControl.ObjectId:
+            return "ID";
+        case ModelColumnControl.Color:
+            return "Color";
+        case ModelColumnControl.LongText:
+            return "Long text";
+        case ModelColumnControl.Unsupported:
+            /*
+             * The raw column type is more use than the word "unsupported" here: it is
+             * what the builder will have to write by hand in the JSON editor.
+             */
+            return column.type;
+        default:
+            return "Text";
+    }
+};
+/**
+ * Can this stored value be shown in the typed control without changing it?
+ *
+ * A `false` here is not an error — it sends the row to ColumnValueMode.Raw,
+ * where it is shown as text and re-emitted exactly as it was read. That is what
+ * stops opening a workflow and saving it again from rewriting `{"port":"8080"}`
+ * into `{"port":8080}` behind the builder's back.
+ */
+export const literalFitsControl = (control, value) => {
+    /*
+     * An empty control holds "" and nothing else. undefined and "" are what an
+     * untouched row is, so they fit; null does not, because an empty control
+     * cannot say "null" - it emits "", which a record drops entirely. A stored
+     * null therefore keeps its own value rather than being flattened into a
+     * missing field.
+     */
+    if (value === undefined || value === "") {
+        return true;
+    }
+    if (value === null) {
+        return false;
+    }
+    switch (control) {
+        case ModelColumnControl.Number:
+            return typeof value === "number" && !isNaN(value);
+        case ModelColumnControl.Boolean:
+            return typeof value === "boolean";
+        case ModelColumnControl.Date:
+            /*
+             * Dates travel as ISO strings. Anything else - a number of milliseconds,
+             * an operator wrapper - is shown raw rather than reinterpreted.
+             */
+            return typeof value === "string" && !isNaN(Date.parse(value));
+        default:
+            return typeof value === "string";
+    }
+};
+/**
+ * Should this column appear in the "add a field" picker?
+ *
+ * Note this only gates what is *offered*. A column already stored on the
+ * argument always gets its row, tenant column and all, because hiding a value
+ * that is really there is how an editor loses someone's work.
+ */
+export const isOfferableColumn = (column) => {
+    if (column.isRelation) {
+        return false;
+    }
+    /*
+     * The workflow runner stamps the project column itself
+     * (ModelArguments.applyTenantColumn) and overwrites whatever was typed, so
+     * offering it would be offering a field that cannot work.
+     */
+    if (column.isTenantColumn) {
+        return false;
+    }
+    return controlForColumn(column) !== ModelColumnControl.Unsupported;
+};
+//# sourceMappingURL=ColumnControl.js.map

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

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

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

@@ -0,0 +1,57 @@
+/*
+ * One field of a record: the column's real name and description on the left,
+ * the value on the right.
+ *
+ * This is a settings form, not a table of key/value pairs, because the keys are
+ * not the builder's to invent - they are the model's columns, and the model has
+ * already said what each one is called and what it means.
+ */
+import IconProp from "../../../../Types/Icon/IconProp";
+import AutocompleteTextInput from "../../AutocompleteTextInput/AutocompleteTextInput";
+import Button, { ButtonStyleType } from "../../Button/Button";
+import { columnTypeLabel, controlForColumn } from "./ColumnControl";
+import { ColumnValueMode, changeColumnRow, } from "./ColumnRow";
+import { rowIssue } from "./ColumnRowSerialization";
+import ColumnValueInput from "./ColumnValueInput";
+import React, { useId } from "react";
+const ColumnFieldRow = (props) => {
+    var _a, _b, _c, _d, _e, _f;
+    const labelId = useId();
+    const control = controlForColumn(props.column);
+    const issue = rowIssue(props.row, props.column);
+    const isUnknownColumn = !props.column;
+    const typeLabel = columnTypeLabel(props.column);
+    /*
+     * An empty required field is worth pointing at, but only quietly: the step
+     * cannot be saved without it anyway (form validation reads the whole value),
+     * and a red row for something the builder has not reached yet reads as an
+     * error they made.
+     */
+    const isEmptyRequired = props.isRequired && props.row.text === "" && props.row.values.length === 0;
+    return (React.createElement("div", { className: "group relative grid grid-cols-1 items-start gap-x-4 gap-y-2 px-3 py-3 transition-colors hover:bg-gray-50/60 sm:grid-cols-[minmax(0,14rem)_minmax(0,1fr)_auto]", "data-testid": "model-column-row" },
+        isEmptyRequired && (React.createElement("span", { className: "absolute left-0 top-2 bottom-2 w-0.5 rounded-r bg-amber-400", "aria-hidden": "true" })),
+        React.createElement("div", { className: "min-w-0" }, isUnknownColumn ? (React.createElement("div", null,
+            React.createElement(AutocompleteTextInput, { value: props.row.columnId, placeholder: "Column name", suggestions: props.knownColumnIds, outerDivClassName: "relative w-full", className: "block w-full rounded-md border border-amber-300 bg-white py-1.5 pl-2 pr-2 font-mono text-xs text-gray-900 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500", disableSpellCheck: true, onChange: (value) => {
+                    props.onChange(changeColumnRow(props.row, { columnId: value }));
+                } }),
+            React.createElement("span", { className: "mt-1 inline-block rounded bg-amber-50 px-1.5 py-0.5 text-[11px] text-amber-700" }, "Not a column on this model"))) : (React.createElement(React.Fragment, null,
+            React.createElement("label", { id: labelId, className: "block truncate text-sm font-medium text-gray-900" }, (_a = props.column) === null || _a === void 0 ? void 0 :
+                _a.title,
+                props.isRequired && (React.createElement("span", { className: "ml-0.5 text-red-500", "aria-hidden": "true" }, "*"))),
+            React.createElement("span", { className: "mt-1 flex items-center gap-1.5 text-[11px] text-gray-500" },
+                React.createElement("span", { className: "truncate rounded bg-gray-100 px-1.5 py-0.5 font-mono" }, props.row.columnId),
+                typeLabel.toLowerCase() !==
+                    (((_b = props.column) === null || _b === void 0 ? void 0 : _b.title) || "").toLowerCase() && (React.createElement("span", { className: "truncate text-gray-400" }, typeLabel))),
+            ((_c = props.column) === null || _c === void 0 ? void 0 : _c.description) && (React.createElement("span", { className: "mt-1 block text-xs leading-snug text-gray-500" }, props.column.description))))),
+        React.createElement("div", { className: "min-w-0" },
+            React.createElement(ColumnValueInput, { control: control, valueMode: props.row.valueMode, text: props.row.text, values: props.row.values, placeholder: ((_d = props.column) === null || _d === void 0 ? void 0 : _d.example) || ((_e = props.column) === null || _e === void 0 ? void 0 : _e.placeholder), suggestions: props.suggestions, ariaLabelledby: isUnknownColumn ? undefined : labelId, autoFocus: props.autoFocus, dataTestId: `model-column-value-${props.row.columnId}`, onChange: (change) => {
+                    props.onChange(changeColumnRow(props.row, change));
+                } }),
+            props.row.valueMode === ColumnValueMode.Raw && (React.createElement("p", { className: "mt-1 text-[11px] text-amber-600" }, "Kept exactly as it was saved. Editing it rewrites it in this column's own type.")),
+            issue && React.createElement("p", { className: "mt-1 text-[11px] text-red-500" }, issue),
+            ((_f = props.column) === null || _f === void 0 ? void 0 : _f.isTenantColumn) && (React.createElement("p", { className: "mt-1 text-[11px] text-gray-500" }, "The workflow sets this itself and ignores what you type here."))),
+        React.createElement("div", { className: "flex items-center pt-1" },
+            React.createElement(Button, { buttonStyle: ButtonStyleType.ICON, icon: IconProp.Trash, title: "Remove", dataTestId: `model-column-remove-${props.row.columnId}`, className: "opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100", onClick: props.onRemove }))));
+};
+export default ColumnFieldRow;
+//# sourceMappingURL=ColumnFieldRow.js.map

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

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