@ai-matrx/design-system 0.18.16 → 0.18.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/data-table/index.cjs +21 -1
- package/dist/data-table/index.cjs.map +1 -1
- package/dist/data-table/index.js +21 -1
- package/dist/data-table/index.js.map +1 -1
- package/dist/styles.css +27 -0
- package/package.json +1 -1
package/dist/data-table/index.js
CHANGED
|
@@ -7271,6 +7271,25 @@ function MatrxDataTableCore({
|
|
|
7271
7271
|
...appendQuery?.scroll
|
|
7272
7272
|
});
|
|
7273
7273
|
const rootRef = useRef6(null);
|
|
7274
|
+
const setDiagnosticBoundaryRef = useCallback4((node) => {
|
|
7275
|
+
rootRef.current = node;
|
|
7276
|
+
if (!node) return;
|
|
7277
|
+
node.style.setProperty("outline", "2px solid #2563eb", "important");
|
|
7278
|
+
node.style.setProperty("outline-offset", "-2px", "important");
|
|
7279
|
+
node.style.setProperty("isolation", "isolate", "important");
|
|
7280
|
+
const position = window.getComputedStyle(node).position;
|
|
7281
|
+
if (position === "" || position === "static") {
|
|
7282
|
+
node.style.setProperty("position", "relative", "important");
|
|
7283
|
+
}
|
|
7284
|
+
const boundary = node.querySelector(":scope > [data-matrx-table-boundary]");
|
|
7285
|
+
if (!boundary) return;
|
|
7286
|
+
boundary.style.setProperty("position", "absolute", "important");
|
|
7287
|
+
boundary.style.setProperty("inset", "0", "important");
|
|
7288
|
+
boundary.style.setProperty("pointer-events", "none", "important");
|
|
7289
|
+
boundary.style.setProperty("z-index", "2147483647", "important");
|
|
7290
|
+
boundary.style.setProperty("box-sizing", "border-box", "important");
|
|
7291
|
+
boundary.style.setProperty("border", "2px solid #2563eb", "important");
|
|
7292
|
+
}, []);
|
|
7274
7293
|
useClippedContentGuard(rootRef, {
|
|
7275
7294
|
label: typeof copy === "object" && copy.listLabel ? `Table: ${copy.listLabel}` : "MatrxDataTable"
|
|
7276
7295
|
});
|
|
@@ -8138,7 +8157,7 @@ function MatrxDataTableCore({
|
|
|
8138
8157
|
/* @__PURE__ */ jsxs26(
|
|
8139
8158
|
"div",
|
|
8140
8159
|
{
|
|
8141
|
-
ref:
|
|
8160
|
+
ref: setDiagnosticBoundaryRef,
|
|
8142
8161
|
"data-matrx-table": true,
|
|
8143
8162
|
"data-url-state-table": urlState?.id,
|
|
8144
8163
|
className: cn(
|
|
@@ -8153,6 +8172,7 @@ function MatrxDataTableCore({
|
|
|
8153
8172
|
className
|
|
8154
8173
|
),
|
|
8155
8174
|
children: [
|
|
8175
|
+
/* @__PURE__ */ jsx35("span", { "aria-hidden": "true", "data-matrx-table-boundary": true }),
|
|
8156
8176
|
notice,
|
|
8157
8177
|
savedViewError ? /* @__PURE__ */ jsx35("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: savedViewError }) : null,
|
|
8158
8178
|
toolbarActionError ? /* @__PURE__ */ jsx35("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: toolbarActionError }) : null,
|