blixify-ui-web 1.2.103 → 1.2.105

package/lib/components/data/dataTemplate/index.js

@@ -620,7 +620,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             setPersistedSort(value);
         (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.onChangeSort) === null || _b === void 0 ? void 0 : _b.call(_a, value);
     };
-    var _180 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _180.canUpdateRecord, canInlineUpdate = _180.canInlineUpdate, canSubmitUpdate = _180.canSubmitUpdate, canBatchUpdate = _180.canBatchUpdate, canDeleteRecord = _180.canDeleteRecord;
+    var _180 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _180.canUpdateRecord, canInlineUpdate = _180.canInlineUpdate, canBatchUpdate = _180.canBatchUpdate, canDeleteRecord = _180.canDeleteRecord;
     var isEditor = ((_12 = props.edit) === null || _12 === void 0 ? void 0 : _12.allEditable) ? true : false;
     var isOffline = (_13 = props.bareSettings) === null || _13 === void 0 ? void 0 : _13.bareOffline;
     // INFO: when bareOfflineNetworkAware is true, the save path is also gated on
@@ -4369,12 +4369,6 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         selectedId = offlineId;
                         id = offlineId;
                     }
-                    // INFO: an explicit list update is a reader-reachable write — an inline
-                    // cell or a dragged card — so it must carry the permission that drew that
-                    // control. A form or offline submit is the consumer's own call and is not
-                    // gated here; the consumer decides whether to render a write form at all.
-                    if (type === "update" && !canSubmitUpdate)
-                        return [2 /*return*/, ""];
                     if (!(isOffline &&
                         !(isOfflineNetworkListener && !isNetworkOffline) &&
                         !offlineId)) return [3 /*break*/, 2];
@@ -4887,10 +4881,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     var handleSubmit = function (isDraft) { return __awaiter(void 0, void 0, void 0, function () {
         var preComplete, res, updatedMarkdownData_1, uploadedData_2, uploadTypes_1, err_23;
-        var _a;
-        var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-        return __generator(this, function (_p) {
-            switch (_p.label) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        return __generator(this, function (_m) {
+            switch (_m.label) {
                 case 0:
                     // INFO: re-entry guard — if a submit is already in-flight (double-click,
                     // rapid Enter keypresses, or concurrent bareSaveOnTabChange calls), return
@@ -4899,134 +4892,134 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     if (isSubmittingRef.current)
                         return [2 /*return*/];
                     isSubmittingRef.current = true;
-                    _p.label = 1;
+                    _m.label = 1;
                 case 1:
-                    _p.trys.push([1, 10, , 11]);
+                    _m.trys.push([1, 8, , 9]);
                     setLoading(true);
                     setModalVisible(true);
                     preComplete = true;
-                    if (!((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareUpdateHandlePreComplete)) return [3 /*break*/, 3];
+                    if (!((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateHandlePreComplete)) return [3 /*break*/, 3];
                     return [4 /*yield*/, props.bareSettings.bareUpdateHandlePreComplete(selectedData)];
                 case 2:
                     preComplete =
-                        _p.sent();
-                    _p.label = 3;
+                        _m.sent();
+                    _m.label = 3;
                 case 3:
                     if (!preComplete)
                         throw "Error";
-                    if (!((_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareUpdateHandleComplete)) return [3 /*break*/, 5];
+                    if (!((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareUpdateHandleComplete)) return [3 /*break*/, 5];
                     return [4 /*yield*/, props.bareSettings.bareUpdateHandleComplete(selectedData)];
                 case 4:
-                    _p.sent();
-                    return [3 /*break*/, 9];
+                    _m.sent();
+                    return [3 /*break*/, 7];
                 case 5: return [4 /*yield*/, handleSubmitData(undefined, undefined, undefined, undefined, undefined, undefined, isDraft)];
                 case 6:
-                    res = _p.sent();
-                    if (!res) return [3 /*break*/, 9];
-                    if (!(((_d = props.bareSettings) === null || _d === void 0 ? void 0 : _d.bareUpdateHandlePostComplete) && !isOffline)) return [3 /*break*/, 8];
-                    return [4 /*yield*/, props.bareSettings.bareUpdateHandlePostComplete(__assign((_a = {}, _a[serverId] = res, _a), selectedData))];
-                case 7:
-                    _p.sent();
-                    _p.label = 8;
-                case 8:
-                    handleCheckOfflineDataLength();
-                    if (isDraft) {
-                        // INFO: advance the baseline after a successful draft save so that
-                        // subsequent saves only diff against what was just persisted.
-                        // Without this, listObject edits saved in a previous draft would be
-                        // re-sent on every subsequent save (harmless but wasteful), and the
-                        // "skip write if nothing changed" short-circuit would never trigger.
-                        if ((_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareUpsertPartialUpdate) {
-                            loadedSelectedData.current = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, true, showId);
-                            // INFO: Reset dirty tracking after successful save — the new baseline
-                            // is the saved state, so all fields start "clean" again.
-                            dirtyFieldsRef.current.clear();
-                        }
-                        updatedMarkdownData_1 = {};
-                        structure.forEach(function (eachAttribute) {
-                            var _a, _b;
-                            if (eachAttribute.type === "markdown") {
-                                var originalIndex = structure.findIndex(function (m) { return m.id === eachAttribute.id; });
-                                var refIndex = (_a = eachAttribute.refIndex) !== null && _a !== void 0 ? _a : originalIndex;
-                                var ref_1 = modalFormInputRefs[refIndex];
-                                if ((_b = ref_1 === null || ref_1 === void 0 ? void 0 : ref_1.current) === null || _b === void 0 ? void 0 : _b.getMarkdown) {
-                                    updatedMarkdownData_1[eachAttribute.id] =
-                                        ref_1.current.getMarkdown();
-                                }
+                    res = _m.sent();
+                    if (res) {
+                        // INFO: bareUpdateHandlePostComplete is deliberately not called here.
+                        // handleSubmitData already calls it once, right after the write, with
+                        // the processed record and only when the write reached the server.
+                        // A second call here ran every consumer side effect (emails, Drive
+                        // uploads, PDF generation) twice per save.
+                        handleCheckOfflineDataLength();
+                        if (isDraft) {
+                            // INFO: advance the baseline after a successful draft save so that
+                            // subsequent saves only diff against what was just persisted.
+                            // Without this, listObject edits saved in a previous draft would be
+                            // re-sent on every subsequent save (harmless but wasteful), and the
+                            // "skip write if nothing changed" short-circuit would never trigger.
+                            if ((_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareUpsertPartialUpdate) {
+                                loadedSelectedData.current = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, true, showId);
+                                // INFO: Reset dirty tracking after successful save — the new baseline
+                                // is the saved state, so all fields start "clean" again.
+                                dirtyFieldsRef.current.clear();
                             }
-                        });
-                        uploadedData_2 = lastUploadedDataRef.current;
-                        if (uploadedData_2) {
-                            uploadTypes_1 = [
-                                "image",
-                                "file",
-                                "multipleImage",
-                                "multipleFile",
-                                "canvas",
-                            ];
+                            updatedMarkdownData_1 = {};
                             structure.forEach(function (eachAttribute) {
-                                if (uploadTypes_1.includes(eachAttribute.type)) {
-                                    if (eachAttribute.type === "canvas" &&
-                                        !eachAttribute.enableImageUpload)
-                                        return;
-                                    if (uploadedData_2[eachAttribute.id] !== undefined) {
+                                var _a, _b;
+                                if (eachAttribute.type === "markdown") {
+                                    var originalIndex = structure.findIndex(function (m) { return m.id === eachAttribute.id; });
+                                    var refIndex = (_a = eachAttribute.refIndex) !== null && _a !== void 0 ? _a : originalIndex;
+                                    var ref_1 = modalFormInputRefs[refIndex];
+                                    if ((_b = ref_1 === null || ref_1 === void 0 ? void 0 : ref_1.current) === null || _b === void 0 ? void 0 : _b.getMarkdown) {
                                         updatedMarkdownData_1[eachAttribute.id] =
-                                            uploadedData_2[eachAttribute.id];
+                                            ref_1.current.getMarkdown();
                                     }
                                 }
                             });
-                        }
-                        if (Object.keys(updatedMarkdownData_1).length > 0) {
-                            // INFO: Post-save markdown/upload data sync is programmatic, not user-driven
-                            programmaticUpdateRef.current = true;
-                            setSelectedData(function (prev) { return (__assign(__assign({}, prev), updatedMarkdownData_1)); });
-                        }
-                        if (props.id === "new" || !props.id) {
-                            (_g = (_f = props.organise) === null || _f === void 0 ? void 0 : _f.handleNavigate) === null || _g === void 0 ? void 0 : _g.call(_f, "update", res, (_h = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.id) !== null && _h !== void 0 ? _h : "general");
-                        }
-                        if (silentDraftRef.current) {
-                            silentDraftRef.current = false;
-                        }
-                        else {
-                            setNotification({
-                                type: true,
-                                title: "Draft Saved",
-                                msg: "Your changes have been saved",
-                            });
-                        }
-                    }
-                    else {
-                        // INFO: Non-draft (final submit) — reset dirty tracking and rebase baseline.
-                        // Usually the component navigates away, but in case it doesn't (e.g. custom onComplete
-                        // that stays on the same page), ensure clean state for subsequent interactions.
-                        if ((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareUpsertPartialUpdate) {
-                            loadedSelectedData.current = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, true, showId);
-                            dirtyFieldsRef.current.clear();
-                        }
-                        if (props.onComplete) {
-                            props.onComplete(res);
+                            uploadedData_2 = lastUploadedDataRef.current;
+                            if (uploadedData_2) {
+                                uploadTypes_1 = [
+                                    "image",
+                                    "file",
+                                    "multipleImage",
+                                    "multipleFile",
+                                    "canvas",
+                                ];
+                                structure.forEach(function (eachAttribute) {
+                                    if (uploadTypes_1.includes(eachAttribute.type)) {
+                                        if (eachAttribute.type === "canvas" &&
+                                            !eachAttribute.enableImageUpload)
+                                            return;
+                                        if (uploadedData_2[eachAttribute.id] !== undefined) {
+                                            updatedMarkdownData_1[eachAttribute.id] =
+                                                uploadedData_2[eachAttribute.id];
+                                        }
+                                    }
+                                });
+                            }
+                            if (Object.keys(updatedMarkdownData_1).length > 0) {
+                                // INFO: Post-save markdown/upload data sync is programmatic, not user-driven
+                                programmaticUpdateRef.current = true;
+                                setSelectedData(function (prev) { return (__assign(__assign({}, prev), updatedMarkdownData_1)); });
+                            }
+                            if (props.id === "new" || !props.id) {
+                                (_e = (_d = props.organise) === null || _d === void 0 ? void 0 : _d.handleNavigate) === null || _e === void 0 ? void 0 : _e.call(_d, "update", res, (_f = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.id) !== null && _f !== void 0 ? _f : "general");
+                            }
+                            if (silentDraftRef.current) {
+                                silentDraftRef.current = false;
+                            }
+                            else {
+                                setNotification({
+                                    type: true,
+                                    title: "Draft Saved",
+                                    msg: "Your changes have been saved",
+                                });
+                            }
                         }
                         else {
-                            if (selectedTab) {
-                                (_l = (_k = props.organise) === null || _k === void 0 ? void 0 : _k.handleNavigate) === null || _l === void 0 ? void 0 : _l.call(_k, "read", res, selectedTab.id);
+                            // INFO: Non-draft (final submit) — reset dirty tracking and rebase baseline.
+                            // Usually the component navigates away, but in case it doesn't (e.g. custom onComplete
+                            // that stays on the same page), ensure clean state for subsequent interactions.
+                            if ((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareUpsertPartialUpdate) {
+                                loadedSelectedData.current = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, true, showId);
+                                dirtyFieldsRef.current.clear();
+                            }
+                            if (props.onComplete) {
+                                props.onComplete(res);
+                            }
+                            else {
+                                if (selectedTab) {
+                                    (_j = (_h = props.organise) === null || _h === void 0 ? void 0 : _h.handleNavigate) === null || _j === void 0 ? void 0 : _j.call(_h, "read", res, selectedTab.id);
+                                }
+                                else
+                                    (_l = (_k = props.organise) === null || _k === void 0 ? void 0 : _k.handleNavigate) === null || _l === void 0 ? void 0 : _l.call(_k, "read", res, "general");
                             }
-                            else
-                                (_o = (_m = props.organise) === null || _m === void 0 ? void 0 : _m.handleNavigate) === null || _o === void 0 ? void 0 : _o.call(_m, "read", res, "general");
                         }
                     }
-                    _p.label = 9;
-                case 9:
+                    _m.label = 7;
+                case 7:
                     setModalVisible(false);
                     setLoading(false);
                     isSubmittingRef.current = false;
-                    return [3 /*break*/, 11];
-                case 10:
-                    err_23 = _p.sent();
+                    return [3 /*break*/, 9];
+                case 8:
+                    err_23 = _m.sent();
                     setModalVisible(false);
                     setLoading(false);
                     isSubmittingRef.current = false;
-                    return [3 /*break*/, 11];
-                case 11: return [2 /*return*/];
+                    return [3 /*break*/, 9];
+                case 9: return [2 /*return*/];
             }
         });
     }); };
@@ -7207,7 +7200,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     })) })) }));
     };
     var renderContent = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44;
         var isBottom = ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateActionBottom) ? true : false;
         var tabs = renderTabs();
         var pages = [
@@ -7490,28 +7483,40 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                         renderDataTemplateFormContent(selectedData, filterByTab, modalFormInputRefs, false, false, undefined, undefined)));
                                 }),
                                 !((_15 = props.bareSettings) === null || _15 === void 0 ? void 0 : _15.bareUpdateComponentAbove) &&
-                                    ((_16 = props.bareSettings) === null || _16 === void 0 ? void 0 : _16.bareUpdateComponent) &&
-                                    ((_17 = props.bareSettings) === null || _17 === void 0 ? void 0 : _17.bareUpdateComponent(selectedData))),
+                                    ((_16 = props.bareSettings) === null || _16 === void 0 ? void 0 : _16.bareUpdateComponent) && (
+                                // INFO: the form is a grid-cols-12. A child with no column span is one
+                                // column, and a grid item cannot shrink below its longest word, so on a
+                                // phone it wraps one word per line. `contents` takes this wrapper out of
+                                // the grid, so a consumer's own col-span, a fragment of several cells,
+                                // or a null return all lay out exactly as before; only children with no
+                                // col-span of their own are given the full row.
+                                react_1.default.createElement("div", { className: "contents [&>*:not([class*=col-span])]:col-span-12" }, props.bareSettings.bareUpdateComponent(selectedData)))),
                             react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(resolvedType)),
                             react_1.default.createElement("div", { className: "mt-8" }, renderListObject(resolvedType)),
-                            !((_18 = props.bareSettings) === null || _18 === void 0 ? void 0 : _18.bareUpdateActionTop) &&
+                            !((_17 = props.bareSettings) === null || _17 === void 0 ? void 0 : _17.bareUpdateActionTop) &&
                                 renderStepBar(uniqueTabIds_2),
                             isBottom &&
                                 resolvedType !== "update" &&
                                 renderActionButtons(resolvedType, hasTabAlign_1, uniqueTabIds_2)))) : (react_1.default.createElement("div", null,
-                        ((_19 = props.bareSettings) === null || _19 === void 0 ? void 0 : _19.bareUpdateComponentAbove) &&
-                            ((_20 = props.bareSettings) === null || _20 === void 0 ? void 0 : _20.bareUpdateComponent) &&
-                            ((_21 = props.bareSettings) === null || _21 === void 0 ? void 0 : _21.bareUpdateComponent(selectedData)),
-                        ((_22 = props.bareSettings) === null || _22 === void 0 ? void 0 : _22.bareUpdateActionTop) &&
+                        ((_18 = props.bareSettings) === null || _18 === void 0 ? void 0 : _18.bareUpdateComponentAbove) &&
+                            ((_19 = props.bareSettings) === null || _19 === void 0 ? void 0 : _19.bareUpdateComponent) &&
+                            ((_20 = props.bareSettings) === null || _20 === void 0 ? void 0 : _20.bareUpdateComponent(selectedData)),
+                        ((_21 = props.bareSettings) === null || _21 === void 0 ? void 0 : _21.bareUpdateActionTop) &&
                             renderStepBar(uniqueTabIds_2),
                         react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " ").concat(gridGap, " mt-6"), ref: formRef, refList: __spreadArray(__spreadArray([], modalFormInputRefs, true), flexTableRefs, true), handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1, handleOnFailValidation: handleOnFailValidation },
                             renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
-                            !((_23 = props.bareSettings) === null || _23 === void 0 ? void 0 : _23.bareUpdateComponentAbove) &&
-                                ((_24 = props.bareSettings) === null || _24 === void 0 ? void 0 : _24.bareUpdateComponent) &&
-                                ((_25 = props.bareSettings) === null || _25 === void 0 ? void 0 : _25.bareUpdateComponent(selectedData))),
+                            !((_22 = props.bareSettings) === null || _22 === void 0 ? void 0 : _22.bareUpdateComponentAbove) &&
+                                ((_23 = props.bareSettings) === null || _23 === void 0 ? void 0 : _23.bareUpdateComponent) && (
+                            // INFO: the form is a grid-cols-12. A child with no column span is one
+                            // column, and a grid item cannot shrink below its longest word, so on a
+                            // phone it wraps one word per line. `contents` takes this wrapper out of
+                            // the grid, so a consumer's own col-span, a fragment of several cells,
+                            // or a null return all lay out exactly as before; only children with no
+                            // col-span of their own are given the full row.
+                            react_1.default.createElement("div", { className: "contents [&>*:not([class*=col-span])]:col-span-12" }, props.bareSettings.bareUpdateComponent(selectedData)))),
                         react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(resolvedType)),
                         react_1.default.createElement("div", { className: "mt-8" }, renderListObject(resolvedType)),
-                        !((_26 = props.bareSettings) === null || _26 === void 0 ? void 0 : _26.bareUpdateActionTop) &&
+                        !((_24 = props.bareSettings) === null || _24 === void 0 ? void 0 : _24.bareUpdateActionTop) &&
                             renderStepBar(uniqueTabIds_2)))));
             case "list":
             case "union":
@@ -7520,20 +7525,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 var actionComponent = renderActionButtons(resolvedType);
                 // INFO: active flex filter count for the icon badge + floating search.
                 // Counts query output so the badge matches what's actually filtered.
-                var activeFlexFilterCount_1 = ((_27 = props.bareSettings) === null || _27 === void 0 ? void 0 : _27.bareFlexFilters)
+                var activeFlexFilterCount_1 = ((_25 = props.bareSettings) === null || _25 === void 0 ? void 0 : _25.bareFlexFilters)
                     ? (0, listModule_1.renderFlexFilterConditions)(flexFilters, structure).length
                     : 0;
                 var listReadQueryHOC = (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: listRQueryHocRef, database: {
                         dbModule: dbModule,
                         dbType: devSettings.server,
-                        dbCollection: (_29 = (_28 = props === null || props === void 0 ? void 0 : props.space) === null || _28 === void 0 ? void 0 : _28.pipelineDefaultSpaceId) !== null && _29 !== void 0 ? _29 : props.collectionId,
+                        dbCollection: (_27 = (_26 = props === null || props === void 0 ? void 0 : props.space) === null || _26 === void 0 ? void 0 : _26.pipelineDefaultSpaceId) !== null && _27 !== void 0 ? _27 : props.collectionId,
                         dbEndpoint: devSettings.dbEndpoint,
                         dbAPIToken: devSettings.dbAPIToken,
                         dbUserToken: devSettings.dbUserToken,
-                    }, cond: handleReadQueryHocCond(), offline: ((_30 = props.bareSettings) === null || _30 === void 0 ? void 0 : _30.bareOffline) && isNetworkOffline, onChangeData: function (data) {
+                    }, cond: handleReadQueryHocCond(), offline: ((_28 = props.bareSettings) === null || _28 === void 0 ? void 0 : _28.bareOffline) && isNetworkOffline, onChangeData: function (data) {
                         handleGetListData(data, "", "");
                     }, onError: handleGetItemError }));
-                if ((_31 = props.renderSettings) === null || _31 === void 0 ? void 0 : _31.renderListUI) {
+                if ((_29 = props.renderSettings) === null || _29 === void 0 ? void 0 : _29.renderListUI) {
                     return (react_1.default.createElement(react_1.default.Fragment, null,
                         listReadQueryHOC,
                         props.renderSettings.renderListUI(actionComponent, filterComponent_1, dataComponent)));
@@ -7742,47 +7747,47 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 };
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     listReadQueryHOC,
-                    react_1.default.createElement("div", { className: "flex py-2 ".concat(((_32 = props.bareSettings) === null || _32 === void 0 ? void 0 : _32.bareCompactMode)
+                    react_1.default.createElement("div", { className: "flex py-2 ".concat(((_30 = props.bareSettings) === null || _30 === void 0 ? void 0 : _30.bareCompactMode)
                             ? // INFO: the grow spacer is hidden on phones (search lives in
                                 // the floating bar), so the row itself pushes the actions right
                                 "w-full flex-row flex-wrap sm:flex-nowrap items-end justify-between sm:justify-start"
                             : "flex-col md:items-end md:flex-row") },
                         (props.title || props.description) && (react_1.default.createElement("div", { className: "flex flex-col" },
                             props.title && (react_1.default.createElement("div", { className: "flex items-center gap-2" },
-                                react_1.default.createElement("p", { className: "text-xl font-medium ".concat(((_33 = props.organise) === null || _33 === void 0 ? void 0 : _33.darkMode) ? "text-white" : "") }, props.title),
-                                ((_34 = props.bareSettings) === null || _34 === void 0 ? void 0 : _34.bareSocketName) &&
+                                react_1.default.createElement("p", { className: "text-xl font-medium ".concat(((_31 = props.organise) === null || _31 === void 0 ? void 0 : _31.darkMode) ? "text-white" : "") }, props.title),
+                                ((_32 = props.bareSettings) === null || _32 === void 0 ? void 0 : _32.bareSocketName) &&
                                     isLive &&
                                     !isLiveOffline && (react_1.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700" },
                                     react_1.default.createElement("span", { className: "h-1.5 w-1.5 rounded-full bg-green-500" }),
                                     "LIVE")),
-                                ((_35 = props.bareSettings) === null || _35 === void 0 ? void 0 : _35.bareSocketName) && isLiveOffline && (react_1.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-700" },
+                                ((_33 = props.bareSettings) === null || _33 === void 0 ? void 0 : _33.bareSocketName) && isLiveOffline && (react_1.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-700" },
                                     react_1.default.createElement("span", { className: "h-1.5 w-1.5 rounded-full bg-orange-400" }),
                                     "OFFLINE")))),
                             props.description && (react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)))),
-                        react_1.default.createElement("div", { className: ((_36 = props.bareSettings) === null || _36 === void 0 ? void 0 : _36.bareCompactMode)
+                        react_1.default.createElement("div", { className: ((_34 = props.bareSettings) === null || _34 === void 0 ? void 0 : _34.bareCompactMode)
                                 ? "hidden sm:block grow"
                                 : "grow" }),
                         react_1.default.createElement("div", { className: "ml-auto flex flex-row items-end" },
                             renderListFilterElements(),
                             renderListActionElements())),
                     renderListNewRowFilterElements(),
-                    (schemaPresent || ((_37 = props.bareSettings) === null || _37 === void 0 ? void 0 : _37.bareReadListTabs)) && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_38 = props.organise) === null || _38 === void 0 ? void 0 : _38.darkMode })),
+                    (schemaPresent || ((_35 = props.bareSettings) === null || _35 === void 0 ? void 0 : _35.bareReadListTabs)) && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_36 = props.organise) === null || _36 === void 0 ? void 0 : _36.darkMode })),
                     renderTabContent(tabs, resolvedType, viewType),
-                    ((_39 = props.bareSettings) === null || _39 === void 0 ? void 0 : _39.bareListMobileFloatingSearch) && (react_1.default.createElement("div", { className: "h-28 md:hidden", "aria-hidden": "true" })),
-                    ((_40 = props.bareSettings) === null || _40 === void 0 ? void 0 : _40.bareListMobileFloatingSearch) &&
+                    ((_37 = props.bareSettings) === null || _37 === void 0 ? void 0 : _37.bareListMobileFloatingSearch) && (react_1.default.createElement("div", { className: "h-28 md:hidden", "aria-hidden": "true" })),
+                    ((_38 = props.bareSettings) === null || _38 === void 0 ? void 0 : _38.bareListMobileFloatingSearch) &&
                         (0, listModule_1.renderFloatingMobileSearch)({
                             filterSearch: filterSearch,
                             handleNameSearch: handleNameSearch,
                             onFilterClick: function () { return setFlexFilterModalOpen(true); },
-                            hideSearch: (_41 = props.organise) === null || _41 === void 0 ? void 0 : _41.hideSearch,
-                            darkMode: (_42 = props.organise) === null || _42 === void 0 ? void 0 : _42.darkMode,
-                            floatingOffset: (_43 = props.bareSettings) === null || _43 === void 0 ? void 0 : _43.bareListFloatingActionOffset,
-                            hideFilter: !((_44 = props.bareSettings) === null || _44 === void 0 ? void 0 : _44.bareFlexFilters),
-                            activeFilterCount: ((_45 = props.bareSettings) === null || _45 === void 0 ? void 0 : _45.bareFlexFilters)
+                            hideSearch: (_39 = props.organise) === null || _39 === void 0 ? void 0 : _39.hideSearch,
+                            darkMode: (_40 = props.organise) === null || _40 === void 0 ? void 0 : _40.darkMode,
+                            floatingOffset: (_41 = props.bareSettings) === null || _41 === void 0 ? void 0 : _41.bareListFloatingActionOffset,
+                            hideFilter: !((_42 = props.bareSettings) === null || _42 === void 0 ? void 0 : _42.bareFlexFilters),
+                            activeFilterCount: ((_43 = props.bareSettings) === null || _43 === void 0 ? void 0 : _43.bareFlexFilters)
                                 ? activeFlexFilterCount_1
                                 : undefined,
                             // INFO: Hides when items are selected so NewTable's multi-action bar takes over.
-                            hidden: selectAll || ((_46 = selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.length) !== null && _46 !== void 0 ? _46 : 0) > 0,
+                            hidden: selectAll || ((_44 = selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.length) !== null && _44 !== void 0 ? _44 : 0) > 0,
                         })));
             default:
                 return react_1.default.createElement(react_1.default.Fragment, null);
@@ -8349,7 +8354,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 onUpdateData: function (rowId, columnId, data) { return __awaiter(void 0, void 0, void 0, function () {
                                     return __generator(this, function (_a) {
                                         switch (_a.label) {
-                                            case 0: return [4 /*yield*/, handleSubmitData("update", rowId, columnId, data)];
+                                            case 0:
+                                                // INFO: an inline cell is reader reachable, so the write
+                                                // is refused here as well as hidden by editable.active
+                                                if (!canInlineUpdate)
+                                                    return [2 /*return*/];
+                                                return [4 /*yield*/, handleSubmitData("update", rowId, columnId, data)];
                                             case 1:
                                                 _a.sent();
                                                 return [2 /*return*/];
@@ -8485,7 +8495,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         onUpdateData: function (rowId, columnId, data) { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
-                                    case 0: return [4 /*yield*/, handleSubmitData("update", rowId, columnId, data)];
+                                    case 0:
+                                        if (!canInlineUpdate)
+                                            return [2 /*return*/];
+                                        return [4 /*yield*/, handleSubmitData("update", rowId, columnId, data)];
                                     case 1:
                                         _a.sent();
                                         return [2 /*return*/];
@@ -8575,7 +8588,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     onUpdateData: function (rowId, columnId, data) { return __awaiter(void 0, void 0, void 0, function () {
                         return __generator(this, function (_a) {
                             switch (_a.label) {
-                                case 0: return [4 /*yield*/, handleSubmitData("update", rowId, columnId, data)];
+                                case 0:
+                                    if (!canInlineUpdate)
+                                        return [2 /*return*/];
+                                    return [4 /*yield*/, handleSubmitData("update", rowId, columnId, data)];
                                 case 1:
                                     _a.sent();
                                     return [2 /*return*/];