@dmsi/wedgekit-react 0.0.21 → 0.0.23
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.
|
@@ -2649,7 +2649,7 @@ function DataGrid({
|
|
|
2649
2649
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
2650
2650
|
"div",
|
|
2651
2651
|
{
|
|
2652
|
-
className: "overflow-auto scrollbar-thin
|
|
2652
|
+
className: "overflow-auto scrollbar-thin relative contain-paint will-change-transform",
|
|
2653
2653
|
ref: containerRef,
|
|
2654
2654
|
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: "min-w-full grid", children: [
|
|
2655
2655
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("thead", { className: "sticky top-0 z-10 grid", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("tr", { className: "flex w-full", children: [
|
|
@@ -282,7 +282,7 @@ function DataGrid({
|
|
|
282
282
|
/* @__PURE__ */ jsx(
|
|
283
283
|
"div",
|
|
284
284
|
{
|
|
285
|
-
className: "overflow-auto scrollbar-thin
|
|
285
|
+
className: "overflow-auto scrollbar-thin relative contain-paint will-change-transform",
|
|
286
286
|
ref: containerRef,
|
|
287
287
|
children: /* @__PURE__ */ jsxs("table", { className: "min-w-full grid", children: [
|
|
288
288
|
/* @__PURE__ */ jsx("thead", { className: "sticky top-0 z-10 grid", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs("tr", { className: "flex w-full", children: [
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@ import { ContentTab } from "./ContentTab";
|
|
|
6
6
|
type Tab = {
|
|
7
7
|
id: string;
|
|
8
8
|
label: string;
|
|
9
|
-
content
|
|
9
|
+
content?: ReactNode;
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export type ContentTabsProps = {
|
|
@@ -87,15 +87,17 @@ export const ContentTabs = ({ tabs, onTabChange }: ContentTabsProps) => {
|
|
|
87
87
|
})}
|
|
88
88
|
</div>
|
|
89
89
|
</div>
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
90
|
+
{selectedContent && (
|
|
91
|
+
<div
|
|
92
|
+
id={`panel-${selectedTab}`}
|
|
93
|
+
className="mt-2"
|
|
94
|
+
role="tabpanel"
|
|
95
|
+
aria-labelledby={`tab-${selectedTab}`}
|
|
96
|
+
tabIndex={0}
|
|
97
|
+
>
|
|
98
|
+
{selectedContent}
|
|
99
|
+
</div>
|
|
100
|
+
)}
|
|
99
101
|
</div>
|
|
100
102
|
);
|
|
101
103
|
};
|
|
@@ -363,7 +363,7 @@ export function DataGrid<T extends Record<string, unknown>>({
|
|
|
363
363
|
>
|
|
364
364
|
<div className="flex flex-col flex-1 h-full w-full rounded border border-border-primary-normal overflow-hidden text-text-primary-normal">
|
|
365
365
|
<div
|
|
366
|
-
className="overflow-auto scrollbar-thin
|
|
366
|
+
className="overflow-auto scrollbar-thin relative contain-paint will-change-transform"
|
|
367
367
|
ref={containerRef}
|
|
368
368
|
>
|
|
369
369
|
<table className="min-w-full grid">
|