react-open-source-grid 1.7.17 → 1.7.18
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/assets/{index-DbTnZTkL.js → index-DY5UPTqS.js} +19 -28
- package/dist/assets/index.js +1 -1
- package/dist/assets/{layoutPersistence-BomhL2-B.js → layoutPersistence-kMUHjw0E.js} +1 -1
- package/dist/index.html +1 -1
- package/dist/lib/components/DataGrid/types.d.ts +1 -0
- package/dist/lib/index.cjs +4 -3
- package/dist/lib/index.js +4 -3
- package/package.json +1 -1
package/dist/assets/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './index-
|
|
1
|
+
export * from './index-DY5UPTqS.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"./index-
|
|
1
|
+
import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"./index-DY5UPTqS.js";export{e as createPreset};
|
package/dist/index.html
CHANGED
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
}
|
|
71
71
|
})();
|
|
72
72
|
</script>
|
|
73
|
-
<script type="module" crossorigin src="/assets/index-
|
|
73
|
+
<script type="module" crossorigin src="/assets/index-DY5UPTqS.js"></script>
|
|
74
74
|
<link rel="stylesheet" crossorigin href="/assets/index-BzDbdtZY.css">
|
|
75
75
|
</head>
|
|
76
76
|
<body>
|
|
@@ -568,6 +568,7 @@ export interface DataGridProps {
|
|
|
568
568
|
theme?: ThemeName;
|
|
569
569
|
densityMode?: DensityMode;
|
|
570
570
|
showDensityToggle?: boolean;
|
|
571
|
+
hideToolbar?: boolean;
|
|
571
572
|
onDensityChange?: (mode: DensityMode) => void;
|
|
572
573
|
onRowClick?: (row: Row) => void;
|
|
573
574
|
onCellEdit?: (rowIndex: number, field: string, value: any) => void;
|
package/dist/lib/index.cjs
CHANGED
|
@@ -8967,6 +8967,7 @@ var DataGrid = (0, import_react25.forwardRef)(({
|
|
|
8967
8967
|
theme: _theme = "quartz",
|
|
8968
8968
|
densityMode: _densityMode = "normal",
|
|
8969
8969
|
showDensityToggle = false,
|
|
8970
|
+
hideToolbar = false,
|
|
8970
8971
|
onDensityChange,
|
|
8971
8972
|
onRowClick,
|
|
8972
8973
|
onCellEdit,
|
|
@@ -9429,7 +9430,7 @@ var DataGrid = (0, import_react25.forwardRef)(({
|
|
|
9429
9430
|
className: `data-grid density-${densityMode}`
|
|
9430
9431
|
},
|
|
9431
9432
|
/* @__PURE__ */ import_react25.default.createElement(ScreenReaderAnnouncer, { message: announcementMessage, priority: "polite" }),
|
|
9432
|
-
/* @__PURE__ */ import_react25.default.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center", justifyContent: "space-between", paddingLeft: "16px", paddingRight: "16px", paddingTop: "10px", paddingBottom: "10px", backgroundColor: "var(--grid-bg-alt)", borderBottom: "var(--grid-border-width, 1px) solid var(--grid-border)", zIndex: 30 } }, /* @__PURE__ */ import_react25.default.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ import_react25.default.createElement(
|
|
9433
|
+
!hideToolbar && /* @__PURE__ */ import_react25.default.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center", justifyContent: "space-between", paddingLeft: "16px", paddingRight: "16px", paddingTop: "10px", paddingBottom: "10px", backgroundColor: "var(--grid-bg-alt)", borderBottom: "var(--grid-border-width, 1px) solid var(--grid-border)", zIndex: 30 } }, /* @__PURE__ */ import_react25.default.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ import_react25.default.createElement(
|
|
9433
9434
|
ColumnChooser,
|
|
9434
9435
|
{
|
|
9435
9436
|
columns: effectiveColumns,
|
|
@@ -9457,7 +9458,7 @@ var DataGrid = (0, import_react25.forwardRef)(({
|
|
|
9457
9458
|
onResetLayout: () => dispatch({ type: "RESET_COLUMN_LAYOUT" })
|
|
9458
9459
|
}
|
|
9459
9460
|
)), showDensityToggle && /* @__PURE__ */ import_react25.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ import_react25.default.createElement("span", { style: { fontSize: "13px", color: "var(--grid-text-secondary)", fontWeight: "500" } }, "Density:"), /* @__PURE__ */ import_react25.default.createElement(DensityToggle, { value: densityMode, onChange: setDensityMode }))),
|
|
9460
|
-
/* @__PURE__ */ import_react25.default.createElement(
|
|
9461
|
+
!hideToolbar && /* @__PURE__ */ import_react25.default.createElement(
|
|
9461
9462
|
GroupByPanel,
|
|
9462
9463
|
{
|
|
9463
9464
|
columns: effectiveColumns,
|
|
@@ -9486,7 +9487,7 @@ var DataGrid = (0, import_react25.forwardRef)(({
|
|
|
9486
9487
|
event
|
|
9487
9488
|
})
|
|
9488
9489
|
}
|
|
9489
|
-
), /* @__PURE__ */ import_react25.default.createElement(
|
|
9490
|
+
), !hideToolbar && /* @__PURE__ */ import_react25.default.createElement(
|
|
9490
9491
|
ColumnFilters,
|
|
9491
9492
|
{
|
|
9492
9493
|
columns: effectiveColumns,
|
package/dist/lib/index.js
CHANGED
|
@@ -8542,6 +8542,7 @@ var DataGrid = forwardRef(({
|
|
|
8542
8542
|
theme: _theme = "quartz",
|
|
8543
8543
|
densityMode: _densityMode = "normal",
|
|
8544
8544
|
showDensityToggle = false,
|
|
8545
|
+
hideToolbar = false,
|
|
8545
8546
|
onDensityChange,
|
|
8546
8547
|
onRowClick,
|
|
8547
8548
|
onCellEdit,
|
|
@@ -9004,7 +9005,7 @@ var DataGrid = forwardRef(({
|
|
|
9004
9005
|
className: `data-grid density-${densityMode}`
|
|
9005
9006
|
},
|
|
9006
9007
|
/* @__PURE__ */ React22.createElement(ScreenReaderAnnouncer, { message: announcementMessage, priority: "polite" }),
|
|
9007
|
-
/* @__PURE__ */ React22.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center", justifyContent: "space-between", paddingLeft: "16px", paddingRight: "16px", paddingTop: "10px", paddingBottom: "10px", backgroundColor: "var(--grid-bg-alt)", borderBottom: "var(--grid-border-width, 1px) solid var(--grid-border)", zIndex: 30 } }, /* @__PURE__ */ React22.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ React22.createElement(
|
|
9008
|
+
!hideToolbar && /* @__PURE__ */ React22.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center", justifyContent: "space-between", paddingLeft: "16px", paddingRight: "16px", paddingTop: "10px", paddingBottom: "10px", backgroundColor: "var(--grid-bg-alt)", borderBottom: "var(--grid-border-width, 1px) solid var(--grid-border)", zIndex: 30 } }, /* @__PURE__ */ React22.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ React22.createElement(
|
|
9008
9009
|
ColumnChooser,
|
|
9009
9010
|
{
|
|
9010
9011
|
columns: effectiveColumns,
|
|
@@ -9032,7 +9033,7 @@ var DataGrid = forwardRef(({
|
|
|
9032
9033
|
onResetLayout: () => dispatch({ type: "RESET_COLUMN_LAYOUT" })
|
|
9033
9034
|
}
|
|
9034
9035
|
)), showDensityToggle && /* @__PURE__ */ React22.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ React22.createElement("span", { style: { fontSize: "13px", color: "var(--grid-text-secondary)", fontWeight: "500" } }, "Density:"), /* @__PURE__ */ React22.createElement(DensityToggle, { value: densityMode, onChange: setDensityMode }))),
|
|
9035
|
-
/* @__PURE__ */ React22.createElement(
|
|
9036
|
+
!hideToolbar && /* @__PURE__ */ React22.createElement(
|
|
9036
9037
|
GroupByPanel,
|
|
9037
9038
|
{
|
|
9038
9039
|
columns: effectiveColumns,
|
|
@@ -9061,7 +9062,7 @@ var DataGrid = forwardRef(({
|
|
|
9061
9062
|
event
|
|
9062
9063
|
})
|
|
9063
9064
|
}
|
|
9064
|
-
), /* @__PURE__ */ React22.createElement(
|
|
9065
|
+
), !hideToolbar && /* @__PURE__ */ React22.createElement(
|
|
9065
9066
|
ColumnFilters,
|
|
9066
9067
|
{
|
|
9067
9068
|
columns: effectiveColumns,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-open-source-grid",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.7.
|
|
4
|
+
"version": "1.7.18",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "A high-performance React DataGrid component with advanced features like virtual scrolling, infinite scrolling, tree data, market data mode, integrated charts with context menu, and more",
|
|
7
7
|
"main": "./dist/lib/index.cjs",
|