@linzjs/step-ag-grid 12.1.2 → 13.0.0
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/README.md +14 -12
- package/dist/step-ag-grid.esm.js +248 -56104
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +3 -1
package/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# step-ag-grid
|
|
2
2
|
|
|
3
|
+
[](https://github.com/semantic-release/semantic-release)
|
|
4
|
+
|
|
3
5
|
> Reusable [ag-grid](https://www.ag-grid.com/) component for LINZ / Toitū te whenua.
|
|
4
6
|
|
|
5
7
|
## Features
|
|
@@ -44,21 +46,21 @@ Storybook demo deployed at: https://linz.github.io/step-ag-grid/
|
|
|
44
46
|
Check `src\stories` for more usage examples
|
|
45
47
|
|
|
46
48
|
```tsx
|
|
47
|
-
import "@linzjs/lui/dist/scss/base.scss";
|
|
48
|
-
import "@linzjs/lui/dist/fonts";
|
|
49
|
-
import "@linzjs/step-ag-grid/dist/index.css";
|
|
50
|
-
// Only required for LINZ themes otherwise import the default theme from ag-grid
|
|
51
|
-
import "@linzjs/step-ag-grid/dist/GridTheme.scss";
|
|
52
|
-
|
|
53
49
|
import { useMemo } from "react";
|
|
50
|
+
|
|
51
|
+
import "@linzjs/lui/dist/fonts";
|
|
52
|
+
import "@linzjs/lui/dist/scss/base.scss";
|
|
54
53
|
import {
|
|
55
|
-
GridUpdatingContextProvider,
|
|
56
|
-
GridContextProvider,
|
|
57
54
|
ColDefT,
|
|
58
55
|
GridCell,
|
|
59
|
-
|
|
56
|
+
GridContextProvider,
|
|
60
57
|
GridPopoverEditDropDown,
|
|
58
|
+
GridPopoverMessage,
|
|
59
|
+
GridUpdatingContextProvider,
|
|
61
60
|
} from "@linzjs/step-ag-grid";
|
|
61
|
+
// Only required for LINZ themes otherwise import the default theme from ag-grid
|
|
62
|
+
import "@linzjs/step-ag-grid/dist/GridTheme.scss";
|
|
63
|
+
import "@linzjs/step-ag-grid/dist/index.css";
|
|
62
64
|
|
|
63
65
|
const GridDemo = () => {
|
|
64
66
|
interface ITestRow {
|
|
@@ -81,8 +83,8 @@ const GridDemo = () => {
|
|
|
81
83
|
initialWidth: 65,
|
|
82
84
|
maxWidth: 150,
|
|
83
85
|
cellRendererParams: {
|
|
84
|
-
warning: ({value}) => value === "Tester" && "Testers are testing",
|
|
85
|
-
info: ({value}) => value === "Developer" && "Developers are awesome",
|
|
86
|
+
warning: ({ value }) => value === "Tester" && "Testers are testing",
|
|
87
|
+
info: ({ value }) => value === "Developer" && "Developers are awesome",
|
|
86
88
|
},
|
|
87
89
|
}),
|
|
88
90
|
GridPopoverEditDropDown(
|
|
@@ -107,7 +109,7 @@ const GridDemo = () => {
|
|
|
107
109
|
{
|
|
108
110
|
multiEdit: true,
|
|
109
111
|
editorParams: {
|
|
110
|
-
message: async ({selectedRows}) => {
|
|
112
|
+
message: async ({ selectedRows }) => {
|
|
111
113
|
return `There are ${selectedRows.length} row(s) selected`;
|
|
112
114
|
},
|
|
113
115
|
},
|