@pipedream/connect-react 1.4.0 → 1.6.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 +29 -1
- package/dist/connect-react.es.js +2647 -2656
- package/dist/connect-react.umd.d.ts +122 -104
- package/dist/connect-react.umd.js +14 -14
- package/package.json +5 -3
package/README.md
CHANGED
|
@@ -183,6 +183,34 @@ This allows you to use your own OAuth applications for specific integrations, pr
|
|
|
183
183
|
|
|
184
184
|
**Note**: OAuth app IDs are not sensitive, and are safe to expose in the client.
|
|
185
185
|
|
|
186
|
+
### App Sorting and Filtering
|
|
187
|
+
|
|
188
|
+
When using the `SelectApp` component or `useApps` hook, you can control how apps are sorted and filtered:
|
|
189
|
+
|
|
190
|
+
```tsx
|
|
191
|
+
<SelectApp
|
|
192
|
+
value={selectedApp}
|
|
193
|
+
onChange={setSelectedApp}
|
|
194
|
+
appsOptions={{
|
|
195
|
+
sortKey: "featured_weight", // Sort by: "name" | "featured_weight" | "name_slug"
|
|
196
|
+
sortDirection: "desc", // "asc" | "desc"
|
|
197
|
+
hasActions: true, // Only show apps with actions
|
|
198
|
+
hasTriggers: false, // Exclude apps with triggers
|
|
199
|
+
}}
|
|
200
|
+
/>
|
|
201
|
+
```
|
|
202
|
+
|
|
203
|
+
The `useApps` hook accepts the same options:
|
|
204
|
+
|
|
205
|
+
```tsx
|
|
206
|
+
const { apps, isLoading } = useApps({
|
|
207
|
+
q: "slack", // Search query
|
|
208
|
+
sortKey: "featured_weight",
|
|
209
|
+
sortDirection: "desc",
|
|
210
|
+
hasActions: true,
|
|
211
|
+
});
|
|
212
|
+
```
|
|
213
|
+
|
|
186
214
|
## Customization
|
|
187
215
|
|
|
188
216
|
Style individual components using the `CustomizeProvider` and a `CustomizationConfig`.
|
|
@@ -454,7 +482,7 @@ customization options available.
|
|
|
454
482
|
- `useFrontendClient` — _allows use of provided Pipedream frontendClient_
|
|
455
483
|
- `useAccounts` — _react-query wrapper to list Pipedream connect accounts (for app, external user, etc.)_
|
|
456
484
|
- `useApp` — _react-query wrapper to retrieve a Pipedream app_
|
|
457
|
-
- `useApps` — _react-query wrapper to list Pipedream
|
|
485
|
+
- `useApps` — _react-query wrapper to list Pipedream apps with support for sorting and filtering_
|
|
458
486
|
- `useComponent` — _react-query wrapper to retrieve a Pipedream component (action or trigger)_
|
|
459
487
|
- `useComponents` — _react-query wrapper to list Pipedream components (actions or triggers)_
|
|
460
488
|
|