@ai-matrx/design-system 0.19.12 → 0.19.15
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/dist/data-table/index.cjs +1 -20
- package/dist/data-table/index.cjs.map +1 -1
- package/dist/data-table/index.js +1 -20
- package/dist/data-table/index.js.map +1 -1
- package/dist/styles.css +3 -27
- package/dist/tap-target.css +9 -2
- package/dist/tokens.css +1 -0
- package/package.json +1 -1
package/dist/data-table/index.js
CHANGED
|
@@ -8361,10 +8361,7 @@ function MatrxDataTableCore({
|
|
|
8361
8361
|
...appendScrollPolicy?.mode === "scroll" && appendScrollPolicy.intentTimeoutMs !== void 0 ? { intentTimeoutMs: appendScrollPolicy.intentTimeoutMs } : {}
|
|
8362
8362
|
});
|
|
8363
8363
|
const rootRef = useRef9(null);
|
|
8364
|
-
const actionDiagnosticObserver = useRef9(null);
|
|
8365
8364
|
const setDiagnosticBoundaryRef = useCallback5((node) => {
|
|
8366
|
-
actionDiagnosticObserver.current?.disconnect();
|
|
8367
|
-
actionDiagnosticObserver.current = null;
|
|
8368
8365
|
rootRef.current = node;
|
|
8369
8366
|
if (!node) return;
|
|
8370
8367
|
node.style.setProperty("outline", "2px solid #2563eb", "important");
|
|
@@ -8382,22 +8379,6 @@ function MatrxDataTableCore({
|
|
|
8382
8379
|
boundary.style.setProperty("z-index", "2147483647", "important");
|
|
8383
8380
|
boundary.style.setProperty("box-sizing", "border-box", "important");
|
|
8384
8381
|
boundary.style.setProperty("border", "2px solid #2563eb", "important");
|
|
8385
|
-
const paintActionDiagnostics = () => {
|
|
8386
|
-
const paint = (selector, color) => {
|
|
8387
|
-
for (const element of Array.from(node.querySelectorAll(selector))) {
|
|
8388
|
-
if (element.closest("[data-matrx-table]") !== node) continue;
|
|
8389
|
-
element.style.setProperty("outline", `1px solid ${color}`, "important");
|
|
8390
|
-
element.style.setProperty("outline-offset", "-1px", "important");
|
|
8391
|
-
}
|
|
8392
|
-
};
|
|
8393
|
-
paint("[data-matrx-table-row-action-cell], [data-matrx-table-row-actions]", "#16a34a");
|
|
8394
|
-
paint("[data-matrx-table-row-actions] :is(button, a)", "#f97316");
|
|
8395
|
-
paint("[data-matrx-table-row-actions] .matrx-tap-pill", "#a855f7");
|
|
8396
|
-
paint("[data-matrx-table-row-actions] svg", "#ef4444");
|
|
8397
|
-
};
|
|
8398
|
-
paintActionDiagnostics();
|
|
8399
|
-
actionDiagnosticObserver.current = new MutationObserver(paintActionDiagnostics);
|
|
8400
|
-
actionDiagnosticObserver.current.observe(node, { childList: true, subtree: true });
|
|
8401
8382
|
}, []);
|
|
8402
8383
|
useClippedContentGuard(rootRef, {
|
|
8403
8384
|
label: typeof copy === "object" && copy.listLabel ? `Table: ${copy.listLabel}` : "MatrxDataTable"
|
|
@@ -10068,7 +10049,7 @@ function MatrxDataTableCore({
|
|
|
10068
10049
|
"th",
|
|
10069
10050
|
{
|
|
10070
10051
|
"data-matrx-table-actions-column": true,
|
|
10071
|
-
className: "h-9 w-px text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground",
|
|
10052
|
+
className: "h-9 w-px px-2 text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground",
|
|
10072
10053
|
style: fixedUtilityWidth(fixedTableGeometry?.actionsWidth),
|
|
10073
10054
|
children: "Actions"
|
|
10074
10055
|
}
|