@proteinjs/db-ui 1.12.2 → 1.13.1

package/dist/src/table/ReferenceCellValue.js

@@ -0,0 +1,168 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReferenceArrayCellValue = exports.ReferenceCellValue = exports.shortReferenceId = exports.clearReferenceNameCache = void 0;
+var react_1 = __importStar(require("react"));
+var material_1 = require("@mui/material");
+var react_router_dom_1 = require("react-router-dom");
+var ui_1 = require("@proteinjs/ui");
+var db_1 = require("@proteinjs/db");
+var RecordFormPage_1 = require("../pages/RecordFormPage");
+/**
+ * A reference rendered as the referenced record's NAME, linked to its record form — an admin
+ * scanning a table reads who/what, not a uuid. Resolution rides `Reference.get()` (the
+ * ReferenceCache-backed house path) and lands in a module cache so a page of rows resolves
+ * each distinct target once and re-renders never flicker. Until the name arrives — and for
+ * records without a usable `name` (or ones this session can't read) — the cell shows the
+ * short id in mono: truthful immediately, enriched when the name lands.
+ */
+/** `${table}:${id}` → display name (null: resolved, but no name to show). */
+var resolvedNames = new Map();
+var inflight = new Map();
+function resolveDisplayName(tableName, id) {
+    var _this = this;
+    var key = "".concat(tableName, ":").concat(id);
+    var settled = resolvedNames.get(key);
+    if (settled !== undefined) {
+        return Promise.resolve(settled);
+    }
+    var pending = inflight.get(key);
+    if (!pending) {
+        pending = (function () { return __awaiter(_this, void 0, void 0, function () {
+            var record, name_1, _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, 3, 4]);
+                        return [4 /*yield*/, new db_1.Reference(tableName, id).get()];
+                    case 1:
+                        record = (_b.sent());
+                        name_1 = record && typeof record.name === 'string' && record.name.trim() ? record.name : null;
+                        resolvedNames.set(key, name_1);
+                        return [2 /*return*/, name_1];
+                    case 2:
+                        _a = _b.sent();
+                        // Unreadable target (row gone, or not visible to this session): the short id stands.
+                        resolvedNames.set(key, null);
+                        return [2 /*return*/, null];
+                    case 3:
+                        inflight.delete(key);
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); })();
+        inflight.set(key, pending);
+    }
+    return pending;
+}
+/** Test seam: a resolved-name cache survives unmounts by design; suites reset it between cases. */
+function clearReferenceNameCache() {
+    resolvedNames.clear();
+    inflight.clear();
+}
+exports.clearReferenceNameCache = clearReferenceNameCache;
+var shortReferenceId = function (id) { return (id.length > 8 ? id.slice(0, 8) : id); };
+exports.shortReferenceId = shortReferenceId;
+function ReferenceCellValue(_a) {
+    var tableName = _a.tableName, id = _a.id;
+    var navigate = (0, react_router_dom_1.useNavigate)();
+    var _b = (0, react_1.useState)(function () { var _a; return tableName && id ? (_a = resolvedNames.get("".concat(tableName, ":").concat(id))) !== null && _a !== void 0 ? _a : null : null; }), name = _b[0], setName = _b[1];
+    (0, react_1.useEffect)(function () {
+        if (!tableName || !id) {
+            return;
+        }
+        var cancelled = false;
+        resolveDisplayName(tableName, id).then(function (resolved) {
+            if (!cancelled) {
+                setName(resolved);
+            }
+        });
+        return function () {
+            cancelled = true;
+        };
+    }, [tableName, id]);
+    if (!tableName || !id) {
+        return react_1.default.createElement(ui_1.EmptyCellValue, null);
+    }
+    // recordFormLink already leads with '/' — no extra prefix (a '//'-prefixed href reads as
+    // a protocol-relative URL and breaks navigation).
+    var url = (0, RecordFormPage_1.recordFormLink)(tableName, id);
+    return (react_1.default.createElement(material_1.Link, { href: url, underline: 'hover', onClick: function (event) {
+            // The row's own click navigates to the HOST record; this link goes to the TARGET.
+            event.stopPropagation();
+            event.preventDefault();
+            navigate(url);
+        }, sx: { whiteSpace: 'nowrap' } }, name !== null ? (react_1.default.createElement(material_1.Typography, { variant: 'body2', component: 'span' }, name)) : (react_1.default.createElement(material_1.Typography, { variant: 'body2', component: 'span', title: id, sx: { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: '0.8125rem' } }, (0, exports.shortReferenceId)(id)))));
+}
+exports.ReferenceCellValue = ReferenceCellValue;
+/** A reference array: each target renders through the single-reference presentation. */
+function ReferenceArrayCellValue(_a) {
+    var tableName = _a.tableName, ids = _a.ids;
+    if (!tableName || !ids || ids.length === 0) {
+        return react_1.default.createElement(ui_1.EmptyCellValue, null);
+    }
+    return (react_1.default.createElement(material_1.Typography, { variant: 'body2', component: 'span', sx: { overflowWrap: 'anywhere' } }, ids.map(function (id, index) { return (react_1.default.createElement(react_1.default.Fragment, { key: id },
+        index > 0 && ', ',
+        react_1.default.createElement(ReferenceCellValue, { tableName: tableName, id: id }))); })));
+}
+exports.ReferenceArrayCellValue = ReferenceArrayCellValue;
+//# sourceMappingURL=ReferenceCellValue.js.map

package/dist/src/table/ReferenceCellValue.js.map

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

package/dist/test/recordFormStructuredFields.test.d.ts

@@ -0,0 +1,5 @@
+import '../generated';
+declare global {
+    var IS_REACT_ACT_ENVIRONMENT: boolean;
+}
+//# sourceMappingURL=recordFormStructuredFields.test.d.ts.map

package/dist/test/recordFormStructuredFields.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recordFormStructuredFields.test.d.ts","sourceRoot":"","sources":["../../test/recordFormStructuredFields.test.tsx"],"names":[],"mappings":"AAoBA,OAAO,cAAc,CAAC;AAetB,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,wBAAwB,EAAE,OAAO,CAAC;CACvC"}

package/dist/test/recordFormStructuredFields.test.js

@@ -0,0 +1,301 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @jest-environment jsdom
+ *
+ * RecordForm's long-text and structured-value fields (the admin-surface polish rev).
+ * Contracts as OUTCOMES:
+ *  1. Long-text columns (maxLength > 255) render as multiline textareas — a single-line
+ *     input truncates exactly what the form exists to show.
+ *  2. Object columns present pretty-printed JSON in a multiline field and the SAVE payload
+ *     carries the parsed OBJECT (round trip), never the display string.
+ *  3. Invalid JSON refuses the save with a message naming the field — the service update
+ *     never runs.
+ *  4. Readonly timestamps display compact ('MMM D, YYYY, h:mm A') with the relative read as
+ *     the field's helper line.
+ */
+var react_1 = __importDefault(require("react"));
+var moment_1 = __importDefault(require("moment"));
+var client_1 = require("react-dom/client");
+var test_utils_1 = require("react-dom/test-utils");
+var react_router_dom_1 = require("react-router-dom");
+var db_1 = require("@proteinjs/db");
+require("../generated");
+var RecordForm_1 = require("../src/form/RecordForm");
+var mockDbService = {
+    get: jest.fn(),
+    insert: jest.fn(function (table, record) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, record];
+    }); }); }),
+    update: jest.fn(function (table, record) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, record];
+    }); }); }),
+    delete: jest.fn(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, 1];
+    }); }); }),
+};
+jest.mock('@proteinjs/db', function () { return (__assign(__assign({}, jest.requireActual('@proteinjs/db')), { getDbService: function () { return mockDbService; } })); });
+globalThis.IS_REACT_ACT_ENVIRONMENT = true;
+var JobTable = /** @class */ (function (_super) {
+    __extends(JobTable, _super);
+    function JobTable() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.name = 'admin_test_job';
+        _this.columns = (0, db_1.withRecordColumns)({
+            title: new db_1.StringColumn('title'),
+            description: new db_1.StringColumn('description', {}, 4000),
+            payload: new db_1.ObjectColumn('payload', { ui: { hidden: false } }),
+        });
+        return _this;
+    }
+    return JobTable;
+}(db_1.Table));
+var created = (0, moment_1.default)('2026-01-02T03:04:05.000Z');
+var updated = (0, moment_1.default)('2026-02-03T04:05:06.000Z');
+function loadedRecord() {
+    return {
+        id: 'job-1',
+        title: 'Nightly export',
+        description: 'A very long description of what the job does.',
+        payload: { retries: 3 },
+        created: created,
+        updated: updated,
+    };
+}
+describe('RecordForm structured fields', function () {
+    var container;
+    var root;
+    beforeEach(function () {
+        jest.clearAllMocks();
+        container = document.createElement('div');
+        document.body.appendChild(container);
+        root = (0, client_1.createRoot)(container);
+    });
+    afterEach(function () {
+        (0, test_utils_1.act)(function () { return root.unmount(); });
+        container.remove();
+    });
+    var mount = function (record) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            root.render(react_1.default.createElement(react_router_dom_1.MemoryRouter, null,
+                                react_1.default.createElement(RecordForm_1.RecordForm, { table: new JobTable(), record: record })));
+                            return [2 /*return*/];
+                        });
+                    }); })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 0); })];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var controlByLabel = function (label) {
+        var labels = Array.from(document.body.querySelectorAll('label'));
+        var match = labels.find(function (candidate) { var _a; return (_a = candidate.textContent) === null || _a === void 0 ? void 0 : _a.startsWith(label); });
+        if (!match) {
+            throw new Error("no field labeled ".concat(label));
+        }
+        var control = document.getElementById(match.htmlFor);
+        if (!control) {
+            throw new Error("no control for label ".concat(label));
+        }
+        return control;
+    };
+    var setValue = function (control, value) { return __awaiter(void 0, void 0, void 0, function () {
+        var proto, setter;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    proto = control instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
+                    setter = Object.getOwnPropertyDescriptor(proto, 'value').set;
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                setter.call(control, value);
+                                control.dispatchEvent(new Event('input', { bubbles: true }));
+                                return [2 /*return*/];
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var clickButton = function (name) { return __awaiter(void 0, void 0, void 0, function () {
+        var button;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    button = Array.from(document.body.querySelectorAll('button')).find(function (candidate) { return candidate.textContent === name; });
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                button.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+                                return [2 /*return*/];
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 0); })];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    it('long-text columns render as multiline textareas; short ones stay single-line inputs', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, mount(loadedRecord())];
+                case 1:
+                    _a.sent();
+                    expect(controlByLabel('Title').tagName).toBe('INPUT');
+                    expect(controlByLabel('Description').tagName).toBe('TEXTAREA');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('object columns present pretty JSON and save the parsed object (round trip)', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var payloadControl, payloadSent;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, mount(loadedRecord())];
+                case 1:
+                    _a.sent();
+                    payloadControl = controlByLabel('Payload');
+                    expect(payloadControl.tagName).toBe('TEXTAREA');
+                    expect(payloadControl.value).toBe(JSON.stringify({ retries: 3 }, null, 2));
+                    return [4 /*yield*/, setValue(payloadControl, '{\n  "retries": 5\n}')];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, clickButton('Save')];
+                case 3:
+                    _a.sent();
+                    expect(mockDbService.update).toHaveBeenCalledTimes(1);
+                    payloadSent = mockDbService.update.mock.calls[0][1].payload;
+                    expect(payloadSent).toEqual({ retries: 5 });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('invalid JSON refuses the save with a message naming the field; the update never runs', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, mount(loadedRecord())];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, setValue(controlByLabel('Payload'), '{not json')];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, clickButton('Save')];
+                case 3:
+                    _a.sent();
+                    expect(mockDbService.update).not.toHaveBeenCalled();
+                    expect(document.body.textContent).toContain('Payload must be valid JSON');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('readonly timestamps display compact with the relative read as the helper line', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var createdControl;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, mount(loadedRecord())];
+                case 1:
+                    _a.sent();
+                    createdControl = controlByLabel('Created');
+                    expect(createdControl.value).toBe(created.format('MMM D, YYYY, h:mm A'));
+                    expect(document.body.textContent).toContain(created.fromNow());
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=recordFormStructuredFields.test.js.map

package/dist/test/recordFormStructuredFields.test.js.map

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

package/dist/test/recordTableDefaultRenderers.test.d.ts

@@ -0,0 +1,5 @@
+declare global {
+    var IS_REACT_ACT_ENVIRONMENT: boolean;
+}
+export {};
+//# sourceMappingURL=recordTableDefaultRenderers.test.d.ts.map

package/dist/test/recordTableDefaultRenderers.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recordTableDefaultRenderers.test.d.ts","sourceRoot":"","sources":["../../test/recordTableDefaultRenderers.test.tsx"],"names":[],"mappings":"AAqDA,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,wBAAwB,EAAE,OAAO,CAAC;CACvC"}