@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.
Files changed (3) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/README.md +12 -9
  3. 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 mapId={mapId} input={input} />;
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 mapId={mapId} input={input} highlightOptions={ownHighlightStyle} />;
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 mapId={mapId} input={input} memoizeRows={true} />;
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 mapId={mapId} input={input} selectionMode="single" />;
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 mapId={mapId} input={input} selectionMode="single" selectionStyle="checkbox" />;
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 mapId={mapId} input={input} onSelectionChange={selectionChangeListener} />;
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 mapId={mapId} input={input} onSelectionChange={selectionChangeListener} />;
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} mapId={mapId} input={resultListInput} />
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
- mapId={mapId}
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.9.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.0.0",
19
- "@open-pioneer/core": "^3.0.0",
20
- "@open-pioneer/react-utils": "^3.0.0",
21
- "@open-pioneer/runtime": "^3.0.0",
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.4.0",
25
- "react": "^19.0.0",
24
+ "ol": "^10.5.0",
25
+ "react": "^19.1.0",
26
26
  "react-use": "^17.5.1",
27
- "@open-pioneer/map": "^0.9.0"
27
+ "@open-pioneer/map": "^0.10.0"
28
28
  },
29
29
  "exports": {
30
30
  "./package.json": "./package.json",