@open-pioneer/result-list 0.9.0 → 0.10.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/CHANGELOG.md +32 -0
- package/README.md +12 -9
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# @open-pioneer/result-list
|
|
2
2
|
|
|
3
|
+
## 0.10.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 193068a: Deprecate the `mapId` property on React components.
|
|
8
|
+
Use the `MapModel` directly instead to pass a reference to the map.
|
|
9
|
+
|
|
10
|
+
Example:
|
|
11
|
+
|
|
12
|
+
```tsx
|
|
13
|
+
// Default map for entire component tree
|
|
14
|
+
<DefaultMapProvider map={mapModel}>
|
|
15
|
+
<Toc />
|
|
16
|
+
</DefaultMapProvider>
|
|
17
|
+
|
|
18
|
+
// Map for specific component
|
|
19
|
+
<Toc map={mapModel} />
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Patch Changes
|
|
23
|
+
|
|
24
|
+
- cd1435b: Update ol to 10.5.0
|
|
25
|
+
- 032eed7: Bump dependencies.
|
|
26
|
+
- cd1435b: Update to react 19.1.0
|
|
27
|
+
- Updated dependencies [2bafdad]
|
|
28
|
+
- Updated dependencies [cd1435b]
|
|
29
|
+
- Updated dependencies [193068a]
|
|
30
|
+
- Updated dependencies [032eed7]
|
|
31
|
+
- Updated dependencies [cd1435b]
|
|
32
|
+
- Updated dependencies [7558df4]
|
|
33
|
+
- @open-pioneer/map@0.10.0
|
|
34
|
+
|
|
3
35
|
## 0.9.0
|
|
4
36
|
|
|
5
37
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -8,7 +8,10 @@ To add the package to your app, import `ResultList` from `@open-pioneer/result-l
|
|
|
8
8
|
|
|
9
9
|
```tsx
|
|
10
10
|
import { ResultList } from "@open-pioneer/result-list";
|
|
11
|
-
<ResultList
|
|
11
|
+
<ResultList
|
|
12
|
+
map={map}
|
|
13
|
+
input={input}
|
|
14
|
+
/>; /* instead of passing the map, the `DefaultMapProvider` can alternatively be used */
|
|
12
15
|
```
|
|
13
16
|
|
|
14
17
|
The following section describes how to define the `input` parameter.
|
|
@@ -119,7 +122,7 @@ const ownHighlightStyle = {
|
|
|
119
122
|
})
|
|
120
123
|
]
|
|
121
124
|
};
|
|
122
|
-
<ResultList
|
|
125
|
+
<ResultList map={map} input={input} highlightOptions={ownHighlightStyle} />;
|
|
123
126
|
```
|
|
124
127
|
|
|
125
128
|
### Configuring memoization of rows
|
|
@@ -141,7 +144,7 @@ Example:
|
|
|
141
144
|
|
|
142
145
|
```tsx
|
|
143
146
|
import { ResultList } from "@open-pioneer/result-list";
|
|
144
|
-
<ResultList
|
|
147
|
+
<ResultList map={map} input={input} memoizeRows={true} />;
|
|
145
148
|
```
|
|
146
149
|
|
|
147
150
|
### Selection
|
|
@@ -158,7 +161,7 @@ the `selectionMode` is "multi" (default).
|
|
|
158
161
|
|
|
159
162
|
```tsx
|
|
160
163
|
import { ResultList } from "@open-pioneer/result-list";
|
|
161
|
-
<ResultList
|
|
164
|
+
<ResultList map={map} input={input} selectionMode="single" />;
|
|
162
165
|
```
|
|
163
166
|
|
|
164
167
|
The style of the selection control can be configured by using the `"selectionStyle"` property (`"checkbox"` or `"radio`).
|
|
@@ -166,7 +169,7 @@ Note that the combination of `selectionMode` `"single"` with `selectionStyle` `"
|
|
|
166
169
|
|
|
167
170
|
```tsx
|
|
168
171
|
import { ResultList } from "@open-pioneer/result-list";
|
|
169
|
-
<ResultList
|
|
172
|
+
<ResultList map={map} input={input} selectionMode="single" selectionStyle="checkbox" />;
|
|
170
173
|
```
|
|
171
174
|
|
|
172
175
|
### Listening for selection changes
|
|
@@ -182,7 +185,7 @@ const selectionChangeListener = useCallback((event: ResultListSelectionChangeEve
|
|
|
182
185
|
console.log("selection changed", event.features);
|
|
183
186
|
}, []);
|
|
184
187
|
|
|
185
|
-
<ResultList
|
|
188
|
+
<ResultList map={map} input={input} onSelectionChange={selectionChangeListener} />;
|
|
186
189
|
```
|
|
187
190
|
|
|
188
191
|
### Track selected features
|
|
@@ -198,7 +201,7 @@ const selectionChangeListener = useCallback((event: ResultListSelectionChangeEve
|
|
|
198
201
|
// event.getFeatureIds()
|
|
199
202
|
}, []);
|
|
200
203
|
|
|
201
|
-
<ResultList
|
|
204
|
+
<ResultList map={map} input={input} onSelectionChange={selectionChangeListener} />;
|
|
202
205
|
```
|
|
203
206
|
|
|
204
207
|
### Sorting data
|
|
@@ -277,7 +280,7 @@ Configure the `viewPadding` on the associated `MapContainer` when the result lis
|
|
|
277
280
|
borderColor="trails.500"
|
|
278
281
|
zIndex={1}
|
|
279
282
|
>
|
|
280
|
-
<ResultList key={resultListKey}
|
|
283
|
+
<ResultList key={resultListKey} map={map} input={resultListInput} />
|
|
281
284
|
</Box>
|
|
282
285
|
```
|
|
283
286
|
|
|
@@ -293,7 +296,7 @@ To force the result list to throw away its existing state, use React's `key` pro
|
|
|
293
296
|
to throw away existing state. React will create a new component behind the scenes
|
|
294
297
|
with entirely new state. */
|
|
295
298
|
key={resultListKey}
|
|
296
|
-
|
|
299
|
+
map={map}
|
|
297
300
|
input={resultListInput}
|
|
298
301
|
/>
|
|
299
302
|
```
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"type": "module",
|
|
3
3
|
"name": "@open-pioneer/result-list",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.10.0",
|
|
5
5
|
"description": "This package provides a UI component to display features and their attributes.",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"open-pioneer-trails"
|
|
@@ -15,16 +15,16 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@chakra-ui/icons": "^2.2.4",
|
|
18
|
-
"@open-pioneer/chakra-integration": "^3.
|
|
19
|
-
"@open-pioneer/core": "^3.
|
|
20
|
-
"@open-pioneer/react-utils": "^3.
|
|
21
|
-
"@open-pioneer/runtime": "^3.
|
|
18
|
+
"@open-pioneer/chakra-integration": "^3.1.0",
|
|
19
|
+
"@open-pioneer/core": "^3.1.0",
|
|
20
|
+
"@open-pioneer/react-utils": "^3.1.0",
|
|
21
|
+
"@open-pioneer/runtime": "^3.1.0",
|
|
22
22
|
"@tanstack/react-table": "^8.20.5",
|
|
23
23
|
"classnames": "^2.3.2",
|
|
24
|
-
"ol": "^10.
|
|
25
|
-
"react": "^19.
|
|
24
|
+
"ol": "^10.5.0",
|
|
25
|
+
"react": "^19.1.0",
|
|
26
26
|
"react-use": "^17.5.1",
|
|
27
|
-
"@open-pioneer/map": "^0.
|
|
27
|
+
"@open-pioneer/map": "^0.10.0"
|
|
28
28
|
},
|
|
29
29
|
"exports": {
|
|
30
30
|
"./package.json": "./package.json",
|